Struts的tiles标签

现在的位置: 首页 > 综合 > 正文

RSS

Struts的tiles标签

2014年03月04日 ⁄ 综合 ⁄ 共 5173字 ⁄ 字号小中大 ⁄ 评论关闭

下面开始讲解tiles标签，那么先引用2个问题，什么是tiles标签，tiles标签有什么用？

什么是tiles标签：tiles标签是建立在JSP的include的基础之上的一组标签。

tiles标签的作用：tiles标签为创建Web页面提供了一种模板机制，使网页的布局和网页的内容相分离。

实现tiles标签有两种方式,第一种tiles模板方式，第二种tiles组件方式。

tiles模板应用

首先，新建一个templet.jsp页面，我们需要先定义一个模板，然后需要导入struts的tiles标签库。示例：

Html代码

<%@ page language="java" pageEncoding="gbk"%>
<%@taglib prefix="tiles" uri="/WEB-INF/struts-tiles.tld" %>
<!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>

<%@ 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页面了，也就是根据我们定义的这个模板来显示页面了，示例代码：

Html代码

<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>

<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插件，示例：

Xml代码

<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-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代码

<?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>

<?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的主页面是一样的，好了，我们最后来看看怎么引用到这个配置文件。

这里的引用就很简单了，示例：

Html代码

<body>
<tiles:insert definition="index-definition"></tiles:insert>
</body>

<body>   
        <tiles:insert definition="index-definition"></tiles:insert>   
</body>

这一句话就搞定了，引用的名称是配置文件的name属性，就能显示出跟刚才一样的效果了！

【上篇】理解cookie和session机制
【下篇】apache中配置虚拟目录

作者: endgame

该日志由 endgame 于10年前发表在综合分类下，最后更新于 2014年03月04日.
转载请注明: Struts的tiles标签 | 学步园 +复制链接

抱歉!评论已关闭.

学步园

Struts的tiles标签

作者: endgame

书签

最新文章New

本站推荐

返回首页