Struts中使用tiles

j2ee_zhongqi

浏览: 202821 次
性别:
来自: 深圳

最近访客更多访客>>

ws07

csc83

zxwhyr

cjh19850924

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Tiles框架

Struts JSP XML 配置管理 Web

简介：

    最早的Tiles是组装在Struts1.1里面的，主要目的是为了将复数的jsp页面作为一个的页面的部分机能，然后用来组合成一个最终表示用页面用的，这样的话，便于对页面的各个机能的变更及维护。 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> 　
　
<!--定义/layout/ mainLayout.jsp的组成名称为bugbase.mainLayout --> 　
　<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是错误信息。 　　

<!--定义common.testManage，继承bugbase.mainLayout --> 　

<definition extends="bugbase.mainLayout" name="common.setting"> 　　    
<put name="submenu" value="/WEB-INF/pages/main/settingSubMenu.jsp" /> 　　
     <!--以上的元素将替换bugbase.mainLayout中的元素--> 
</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" onload="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" />
 flush 等于true表示在插入操作之前，先调用当前页面的输出流的flush()方法。

　　插入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。