|
今天是Struts的最后一天了，主要讲解了2个内容，第一个是tiles标签和AJAX的一个框架JQuery，好了，就这俩个知识点，我来做一下总结：
Struts的tiles标签
下面开始讲解tiles标签，那么先引用2个问题，什么是tiles标签，tiles标签有什么用？
什么是tiles标签：tiles标签是建立在JSP的include的基础之上的一组标签。
tiles标签的作用：tiles标签为创建Web页面提供了一种模板机制，使网页的布局和网页的内容相分离。
实现tiles标签有两种方式,第一种tiles模板方式，第二种tiles组件方式。
tiles模板应用
首先，新建一个templet.jsp页面，我们需要先定义一个模板，然后需要导入struts的tiles标签库。示例：
- <%@ page language="java" pageEncoding="gbk"%>
- <%@taglib prefix="tiles" uri="/WEB-INF/struts-tiles.tld" %> <!--导入tiles标签库-->
-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
- <html>
-
<head>
-
<base href="<%=basePath%>">
-
<title>My JSP 'templet.jsp' starting page</title>
-
</head>
-
-
<body>
-
<div id="all" style="height:500;background:green;">
-
<div id="top" style="height:100px;background:blue;">
-
<tiles:insert attribute="top"></tiles:insert><!--定义模板-->
-
</div>
-
<div id="left" style="height:50px;background:red;">
-
<tiles:insert attribute="left"></tiles:insert>
-
</div>
-
<div id="main" style="height:400px;background:yellow;">
-
<tiles:insert attribute="mian"></tiles:insert>
-
</div>
-
<div id="foot" style="height:100px;background:gray;">
-
<tiles:insert attribute="foot"></tiles:insert>
-
</div>
-
</div>
-
</body>
- </html>
上面，我们定义了一个网页的模板，并对模板的布局做了定义，用tiles的insert标签来定义模板，attribute这个是定义一个属性，到时候会根据这个属性值来放置不同的网页，
好了这一步做好了。
然后，我们就可以定义index页面了，也就是根据我们定义的这个模板来显示页面了，示例代码：
- <body>
-
<tiles:insert page="templet.jsp" flush="true">
-
<tiles:put name="top" value="jsp/top.jsp"></tiles:put>
-
<tiles:put name="left" value="jsp/left.jsp"></tiles:put>
-
<tiles:put name="main" value="jsp/main.jsp"></tiles:put>
-
<tiles:put name="foot" value="jsp/foot.jsp"></tiles:put>
-
</tiles:insert>
-
</body>
这里是主页面，还是用tiles的insert标签来构建主页面，page属性是指引用的哪个模板，这里就是我们刚刚定义的templet.jsp这个模板页面，flush这里的意思是指先生成模板再生成页面，接着用tiles的put标签来放置不同的页面，这里的name就刚好对应了模板中的attribute值，value的值是我们要放置哪些页面进去，这个就是使用模板的方式，我们可以浏览下index这个页面就可以看到效果了。
tiles组件应用
tiles组件是用xml配置的方式来放置页面，更为灵活！
使用tiles组件的话，需要在struts-config.xml里面导入tiles插件，示例：
- <message-resources parameter="com.lovo.struts.ApplicationResources" />
-
<plug-in className="org.apache.struts.tiles.TilesPlugin">
-
<set-property property="definitions-config" value="/WEB-INF/tiles.xml" />
-
<set-property property="definitions-parser-validate" value="true" />
-
</plug-in>
注意加到message后面哦， <set-property property="definitions-config" value="/WEB-INF/tiles.xml" /> 这里定义配置文件的位置和名字，这里我们在WEB-INF下面新建一个tiles.xml文件，并用tiles1.0的dtd来约束，示例：
- <?xml version="1.0" encoding="UTF-8"?>
-
<!DOCTYPE tiles-definitions PUBLIC "-//Apache Software Foundation//DTD Tiles Configuration 1.1//EN" "tiles-config_1_1.dtd" >
- <tiles-definitions>
-
<definition name="index-definition" path="/templet.jsp">
-
<put name="top" value="jsp/top.jsp"></put>
-
<put name="left" value="jsp/left.jsp"></put>
-
<put name="main" value="jsp/main.jsp"></put>
-
<put name="foot" value="jsp/foot.jsp"></put>
-
</definition>
- </tiles-definitions>
这里，跟刚才的模板方式基本上一样，path是模板的路径，name是引用的名字，其他的跟刚才的index的主页面是一样的，好了，我们最后来看看怎么引用到这个配置文件。
这里的引用就很简单了，示例：
- <body>
-
<tiles:insert definition="index-definition"></tiles:insert>
-
</body>
这一句话就搞定了，引用的名称是配置文件的name属性，就能显示出跟刚才一样的效果了！
JQuery
这里，主要讲很简单的几个API，因为，学了这些也是JQuery的入门知识，因为是AJAX的框架，那么就来使用JQuery来进行异步的数据提交吧！
主要使用的方法是$.post和$.get,具体的使用:
- $(document).ready(function(){
-
$("#tj").click(ss);
给tj这个按钮加一个事件，具体操作调用下面的ss函数
-
});
-
function ss(){
-
var url="look.do";
定义url提交路径
-
var date={"name":$("#name").val()};
josn数据提交方式
-
$.post(url,date,show); 提交show是指回调函数具体操作下面的show函数
-
}
-
-
function show(dates){
-
alert(dates);
打印服务器返回的结果
-
}
具体页面
- <body>
-
<input type="button" id="tj" value="提交" />
- </body>
好了，今天就先讲到这！
|
