下面开始讲解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属性,就能显示出跟刚才一样的效果了!
源:http://blog.sina.com.cn/s/blog_3e84ed9d0100fld3.html