tiles是什么？

最新推荐文章于 2022-04-12 10:10:06 发布

iteye_1997

最新推荐文章于 2022-04-12 10:10:06 发布

阅读量229

点赞数

分类专栏：名词解析文章标签： JSP Struts XML 配置管理 Web

本文链接：https://blog.csdn.net/iteye_1997/article/details/81642857

版权

名词解析专栏收录该内容

5 篇文章 0 订阅

订阅专栏

tiles
　　一、说明
　　Tiles使得struts在页面的处理方面多了一种选择。并且更容易实现代码的重用。Tiles增加了layout的概念，其实就是把一个页面划分为几块。通常的来说一个页面大概可以划分为如下几块：
　　head页面头部：存放一个运用的公共信息：logo等，如果是网站可能是最上面的一块。
　　menu页面菜单：放置一个运用中需要使用的菜单，或者在每一个页面都使用的连接。
　　footer页面尾部：如版权信息等。
　　body页面主题内容：每个页面相对独立的内容。
　　如果按上面的划分那对每一个页面我们只要写body里面的内容，其他的就可以共享重用。
　　如果大多数页面的布局基本相同我们甚至可以使用一个jsp文件根据不同的参数调用不同的body。
　　二、 Tiles配置和基本配置文件介绍
　　Tiles有一个配置文件：tiles-defs.xml
　　tiles-defs.xml定义了每一个页面的组成元素和形式。
　　下面我将说明如下所示的一个tiles-defs.xml文件
　　tiles-defs.xml
　　-----------------------------------------------------------------
　　<tiles-definitions>
　　
　　<definition name="bugbase.mainLayout" path="/layout/mainLayout.jsp">
　　<put name="title" value="质量管理系统" />
　　<put name="logo" value="/WEB-INF/pages/main/logo.jsp" />
　　<put name="mainMenu" value="/WEB-INF/pages/main/mainMenu.jsp" />
　　<put name="messages" value="/common/messages.jsp" />
　　<put name="submenu" value="/WEB-INF/pages/main/testManageSubMenu.jsp" />
　　</definition>
　　这里的title是标题，logo是界面上最左上角的标志，质量管理系统有两级菜单，mainMenu是主菜单，是不变的，而subMenu是子菜单，六个模块就有六个子菜单，是随模块而变化的。messages是错误信息。
　　
　　<definition extends="bugbase.mainLayout" name="common.setting">
　　<put name="submenu" value="/WEB-INF/pages/main/settingSubMenu.jsp" />
　　
　　</definition>
　　这里的common.testManage是测试管理模块的意思，这就是一个模块对应一个subMenu。
　　<!—定义setting.projectInfo，继承common.setting -->
　　<definition extends="common.setting" name="setting.projectInfo">
　　<put name="leftBody" value="/WEB-INF/pages/common/body/projectinfoleftbd.jsp" />
　　<put name="rightBody" value="/WEB-INF/pages/common/body/projectinforightbd.jsp" />
　　</definition>
　　这是说一个模块下有多个功能点，每个功能点下的左侧菜单是相同的，因此leftBody就是这个左侧菜单，变化的只是rightBody右侧部分而已。下面还有详解。
　　/layout/ mainLayout.jsp
　　-----------------------------------------------------------------
　　…
　　<html>
　　<head>
　　<title><tiles:getAsString name="title" /></title>
　　…
　　</head>
　　<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" οnlοad="mainInit()" >
　　<table cellpadding="0" cellspacing="0" class="LogoTable" id="01" >
　　<tr valign="bottom">
　　<tiles:insert attribute="logo" />
　　<tiles:insert attribute="mainMenu" />
　　</tr>
　　<tr valign="top" >
　　<tiles:insert attribute="submenu" />
　　</tr>
　　</table>
　　<table class="MainTable" cellpadding="1" cellspacing="1">
　　<tr class="TrMain">
　　<td width="225" >
　　<tiles:insert attribute="leftBody" />
　　</td>
　　<td width="775">
　　<table>
　　<tiles:insert attribute="messages" />
　　</table>
　　<tiles:insert attribute="rightBody" />
　　</td>
　　</tr>
　　</table>
　　</body>
　　</html>
　　在web.xml里面配置tiles对应的taglib的配置如下：
　　web.xml
　　-----------------------------------------------------------------
　　<taglib>
　　<taglib-uri>/WEB-INF/struts-tiles.tld</taglib-uri>
　　<taglib-location>/WEB-INF/tld/struts-tiles.tld</taglib-location>
　　</taglib>
　　在struts-config.xml里面配置tiles-defs.xml
　　Struts-config.xml
　　-----------------------------------------------------------------
　　<plug-in className="org.apache.struts.tiles.TilesPlugin">
　　<set-property property="definitions-config"
　　value="/WEB-INF/plugin/tiles-defs.xml" />
　　<set-property property="moduleAware" value="true" />
　　<set-property property="definitions-parser-validate"
　　value="true" />
　　</plug-in>
　　三、使用Tiles
　　如果已经配置好tiles-defs.xml，接下来就可以在jsp文件中使用这些定义了。
　　有如下的方式使用tiles
　　<%@ include file="/common/taglibs.jsp"%>
　　<tiles:insert definition="setting.projectInfo" flush="true" />
　　插入setting.projectInfo标记的一页
　　taglibs.jsp里包括这么一句话：
　　<%@ taglib uri="/WEB-INF/struts-tiles.tld" prefix="tiles"%>
　　根据tiles-defs.xml里的setting.projectInfo设置
　　<definition extends="common.setting" name="setting.projectInfo">
　　<put name="leftBody" value="/WEB-INF/pages/common/body/projectinfoleftbd.jsp" />
　　<put name="rightBody" value="/WEB-INF/pages/common/body/projectinforightbd.jsp" />
　　</definition>
　　知道leftBody是/WEB-INF/pages/common/body/projectinfoleftbd.jsp页面，而
　　rightBody是/WEB-INF/pages/common/body/projectinforightbd.jsp页面。所以我们只需要建立projectinfoleftbd.jsp和projectinforightbd.jsp页面的就OK了，
　　而左侧部分就是项目设定中的菜单，因为项目设定中又包括很多子页，所以在整个项目设定中的左侧菜单是不变的，变的只有右侧主体部分，而projectinforightbd.jsp这个页面即项目设定中的一个项目基本信息的子页，项目设定中有多个这样的子页，这些页是在tiles-defs.xml配置的，比如说
　　<definition extends="common.setting" name="common.prjproductversionadd">
　　<put name="leftBody" value="/WEB-INF/pages/common/body/projectinfoleftbd.jsp" />
　　<put name="rightBody" value="/WEB-INF/pages/project/body/prjproductversionaddrightbd.jsp" />
　　</definition>
　　leftBody是相同的，都为projectinfoleftbd.jsp，变化的只有rightBody。