Struts中使用tiles

   Struts中使用tiles               

             
 
    简介:

    最早的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:

Xml代码   收藏代码
1.<tiles-definitions>    
2.   
3.<!--定义/layout/ mainLayout.jsp的组成名称为bugbase.mainLayout -->    
4. <definition name="bugbase.mainLayout" path="/layout/mainLayout.jsp">    
5.   <put name="title" value="质量管理系统" />     
6.   <put name="logo" value="/WEB-INF/pages/main/logo.jsp" />     
7.   <put name="mainMenu" value="/WEB-INF/pages/main/mainMenu.jsp" />   
8.  <put name="messages" value="/common/messages.jsp" />     
9.   <put name="submenu" value="/WEB-INF/pages/main/testManageSubMenu.jsp" />     
10.</definition>  
11.  
这里的title是标题,logo是界面上最左上角的标志,质量管理系统有两级菜单,mainMenu是主菜单,是不变的,而subMenu是子菜单,六个模块就有六个子菜单,是随模块而变化的。messages是错误信息。     
13.  
14.<!--定义common.testManage,继承bugbase.mainLayout -->    
15.  
16.<definition extends="bugbase.mainLayout" name="common.setting">         
17.<put name="submenu" value="/WEB-INF/pages/main/settingSubMenu.jsp" />     
18.     <!--以上的元素将替换bugbase.mainLayout中的元素-->   
19.</definition>    
20.   
21.  
22.  这里的common.testManage是测试管理模块的意思,这就是一个模块对应一个subMenu。     
23.  <!—定义setting.projectInfo,继承common.setting -->     
24.  
25.   <definition extends="common.setting" name="setting.projectInfo">       
26. <put name="leftBody" value="/WEB-INF/pages/common/body/projectinfoleftbd.jsp" />    
27.   <put name="rightBody" value="/WEB-INF/pages/common/body/projectinforightbd.jsp" />    
28.  
29. </definition>     
30.  
这是说一个模块下有多个功能点,每个功能点下的左侧菜单是相同的,因此leftBody就是这个左侧菜单,变化的只是rightBody右侧部分而已。下面还有详解。    
32.  
33. /layout/ mainLayout.jsp  
34.<html>     
35.<head>     
36.<title><tiles:getAsString name="title" /></title>     
37.  
38. </head>    
39. <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" οnlοad="mainInit()" >    
40. <table cellpadding="0" cellspacing="0" class="LogoTable" id="01" >     
41.  <tr valign="bottom">    
42. <tiles:insert attribute="logo" />    
43. <tiles:insert attribute="mainMenu" />    
44. </tr>    
45.  
46. <tr valign="top" >    
47. <tiles:insert attribute="submenu" />    
48. </tr>    
49.  
50. </table>    
51.  
52. <table class="MainTable" cellpadding="1" cellspacing="1">   
53.  <tr class="TrMain">     
54.     <td width="225" >     
55.    <tiles:insert attribute="leftBody" />    
56.   </td>     
57.  
58.   <td width="775">     
59.     <table>    
60.    <tiles:insert attribute="messages" />    
61.   </table>    
62.  
63. <tiles:insert attribute="rightBody" />    
64. </td>    
65. </tr>     
66.</table>     
67.</body>    
68.</html>    
69.  
70.  
71. 在web.xml里面配置tiles对应的taglib的配置如下:   web.xml     
72.  
73.  
74. <taglib>     
75. <taglib-uri>/WEB-INF/struts-tiles.tld</taglib-uri>     
76. <taglib-location>/WEB-INF/tld/struts-tiles.tld</taglib-location>    </taglib>     
77.  
78.  
79.在struts-config.xml里面配置tiles-defs.xml   Struts-config.xml   
80.  
81.  -----------------------------------------------------------------   
82.  
83.  
84.  <plug-in className="org.apache.struts.tiles.TilesPlugin">    
85.    <set-property property="definitions-config" value="/WEB-INF/plugin/tiles-defs.xml" />    
86.    <set-property property="moduleAware" value="true" />    
87.     <set-property property="definitions-parser-validate"   value="true" />     
88.    </plug-in>  
89.  


使用Tiles:

如果已经配置好tiles-defs.xml,接下来就可以在jsp文件中使用这些定义了。   
有如下的方式使用tiles  
 

Xml代码   收藏代码

  1. 1.<%@ include file="/common/taglibs.jsp"%>    
    2. <tiles:insert definition="setting.projectInfo" flush="true" />  
    3. flush 等于true表示在插入操作之前,先调用当前页面的输出流的flush()方法。  
    4.  
    5.  插入setting.projectInfo标记的一页 ,taglibs.jsp里包括这么一句话:   
    6.  <%@ taglib uri="/WEB-INF/struts-tiles.tld" prefix="tiles"%>   
    7.  根据tiles-defs.xml里的setting.projectInfo设置    
    8.<definition extends="common.setting" name="setting.projectInfo">         
    9. <put name="leftBody" value="/WEB-INF/pages/common/body/projectinfoleftbd.jsp" />     
    10.        
    11.<put name="rightBody" value="/WEB-INF/pages/common/body/projectinforightbd.jsp" />    
    12.  
    13. </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配置的,比如说   

Xml代码   收藏代码

    

1.<definition extends="common.setting" name="common.prjproductversionadd">     
2.   <put name="leftBody" value="/WEB-INF/pages/common/body/projectinfoleftbd.jsp" />     
3.   <put name="rightBody" value="/WEB-INF/pages/project/body/prjproductversionaddrightbd.jsp" />   
4.  
5.  </definition>   

 

  
leftBody是相同的,都为projectinfoleftbd.jsp,变化的只有rightBody。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值