Tiles框架特性和內(nèi)容

Tiles框架為創(chuàng)建Web頁面提供了一種模板機(jī)制，它能將網(wǎng)頁的布局和內(nèi)容分離。它允許先創(chuàng)建模板，然后在運(yùn)行時(shí)動態(tài)地將內(nèi)容插入到模板中。Tiles 框架建立在JSP的include指令的基礎(chǔ)上，但它提供了比JSP的 include指令更強(qiáng)大的功能。Tiles框架具有如下特性：

◆創(chuàng)建可重用的模板

◆動態(tài)構(gòu)建和裝載頁面

◆定義可重用的Tiles組件

◆支持國際化

Tiles框架包含以下內(nèi)容：

◆Tiles標(biāo)簽庫

◆Tiles組件的配置文件

◆TilesPlugIn插件

在開發(fā)Web站點(diǎn)時(shí)，常常要求同一站點(diǎn)的所有Web頁面保持一致的外觀，比如有相同的布局、頁頭、頁尾和菜單。

采用基本的JSP語句創(chuàng)建復(fù)合式網(wǎng)頁

創(chuàng)建動態(tài)Web頁面的最基本的辦法是為每個頁面創(chuàng)建獨(dú)立的JSP文件。如果網(wǎng)頁的相同部分發(fā)生需求變更，必須手工修改所有的JSP文件?？梢姡捎没镜腏SP語句來編寫上述網(wǎng)頁，會導(dǎo)致JSP代碼的大量冗余，增加開發(fā)與維護(hù)成本。

采用JSP的include指令創(chuàng)建復(fù)合式網(wǎng)頁

為了減少代碼的冗余，可以把index.jsp和product.jsp中相同部分放在單獨(dú)的JSP文件中，然后在index.jsp和 product.jsp文件中通過JSP include指令把其他JSP文件包含進(jìn)來。這樣提高了代碼的可重用性。但是JSP include指令不能完全避免代碼冗余，盡管這種方案減少了重復(fù)代碼，但JSP文件的數(shù)量增加了，由原來的2個文件增加到7個文件，所以軟件的復(fù)雜度也增加了。

采用Tiles:Insert標(biāo)簽創(chuàng)建復(fù)合式網(wǎng)頁

Tiles標(biāo)簽庫的tiles:insert標(biāo)簽和JSP include指令具有相同的功能，也能把其他的JSP頁面插入到當(dāng)前頁面中。用tiles:insert標(biāo)簽取代JSP include指令來創(chuàng)建復(fù)合式頁面，代碼僅有稍微的差別，兩者的利弊也很相似。單純使用tiles:insert標(biāo)簽來創(chuàng)建復(fù)合式頁面，還沒有充分發(fā)揮 Tiles框架的優(yōu)勢。

以下兩條語句的作用是相同的：

< ?xml:namespace prefix = jsp />< jsp:include page="indexContent.jsp">< /jsp:include>

< ?xml:namespace prefix = tiles />< tiles:insert page="indexContent.jsp">< /tiles:insert>

采用Tiles模板創(chuàng)建復(fù)合式網(wǎng)頁

盡管使用了tiles:insert標(biāo)簽，index.jsp和product.jsp文件還是存在很多的重復(fù)代碼。為了提高Web頁面的可重用性和可維護(hù)性，可以引入Tiles的模板機(jī)制。通俗的講，Tiles模板是一種描述頁面布局的JSP頁面。Tiles模板僅僅定義Web頁面的樣式，而不指定內(nèi)容。在Web應(yīng)用運(yùn)行時(shí)，才把特定內(nèi)容插入到模板頁面中。同一模板可以被多個Web頁面共用。使用模板，可以輕松的實(shí)現(xiàn)Web應(yīng)用的所有頁面保持相同的外觀和布局，無需為每個頁面硬編碼。在一個應(yīng)用中，大多數(shù)頁面使用同一模板，某些頁面可能需要不同的外觀，使用其他的模板，因此一個應(yīng)用可能有一個以上模板。

< %@ taglib uri="/WEB-INF/struts-tiles.tld" prefix="tiles"%>

< tiles:insert attribute="sidebar">< /tiles:insert>
< tiles:insert attribute="header">< /tiles:insert>
< tiles:insert attribute="content">< /tiles:insert>
< tiles:insert attribute="footer">< /tiles:insert>
< %@ page contentType="text/html; charset=UTF-8" %>
< %@ taglib uri="/WEB-INF/struts-tiles.tld" prefix="tiles" %>
< tiles:insert page="layout.jsp" flush="true"> 
      < tiles:put value="sidebar.jsp" name="sidebar">< /tiles:put>
      < tiles:put value="header.jsp" name="header"  >< /tiles:put>  
      < tiles:put value="indexContent.jsp" name="content">< /tiles:put>  
      < tiles:put value="footer.jsp" name="footer"  >< /tiles:put>  
< /tiles:insert>

采用Tiles模板機(jī)制，大大提高了代碼的可重用性和可維護(hù)性，模板中包含了網(wǎng)頁共同的布局。如果布局發(fā)生變化，只需要修改模板文件，無需修改具體的網(wǎng)頁文件。不過，從例程16-13和16-14可以看出，盡管 index.jsp和product.jsp文件的長度都縮短了，但是兩者還是存在重復(fù)代碼。

Tiles組件的基本使用方法

為了***程度的提高代碼的可重用性和靈活性，Tiles框架引入了Tiles組件的概念。Tiles組件可以代表一個完整的網(wǎng)頁，也可以代表網(wǎng)頁的一部分。簡單的Tiles組件可以組合成復(fù)雜的Tiles組件，或被擴(kuò)展為復(fù)雜的Tiles組件。

Tiles框架允許在專門的XML文件中配置Tiles組件。例如，以下代碼定義了一個名為"index-definition"的Tiles組件，它描述整個index.jsp網(wǎng)頁：

< TILES-DEFINITIONS>

   < DEFINITION  name="index-definition"   path="/layout.jsp">
      < put value="sidebar.jsp" name="sidebar">< /put>
      < put value="header.jsp" name="header">< /put>  
      < put value="indexContent.jsp" name="content">< /put>  
      < put value="footer.jsp" name="footer"  >< /put>  
   < /DEFINITION>
< /TILES-DEFINITIONS>

definition元素的name屬性指定Tiles組件的名字，path屬性指定Tiles組件使用的模板，definition元素的put子元素用于向模板中插入具體的網(wǎng)頁內(nèi)容。

例程16-15 tiles-defs.xml

< ?xml version="1.0" encoding="ISO-8859-1" ?>

http://jakarta.apache.org/struts/dtds/tiles-config_1_1.dtd">
< TILES-DEFINITIONS>
   < DEFINITION  name="index-definition"   path="/layout.jsp">
      <:put value="sidebar.jsp" name="sidebar">< /put>
      <:put value="header.jsp" name="header">< /put>  
      <:put value="indexContent.jsp" name="content">< /put>  
      <:put value="footer.jsp" name="footer">< /put>  
   < /DEFINITION>
   < DEFINITION  name="product-definition"   path="/layout.jsp">
      < put value="sidebar.jsp" name="sidebar">< /put>
      < put value="header.jsp" name="header"  >< /put>  
      < put value="productContent.jsp" name="content">< /put>  
      < put value="footer.jsp" name="footer"  >< /put>  
   < /DEFINITION>
< /TILES-DEFINITIONS>

以上代碼定義了兩個Tiles組件，它們分別代表完整的index.jsp和product.jsp頁面。

（4）在Strut配置文件中配置TilesPlugin插件，代碼如下：

< PLUG-IN className="org.apache.struts.tiles.TilesPlugin">

  < SET-PROPERTY value="/WEB-INF/tiles-defs.xml" property="definitions-config" />
  < SET-PROPERTY value="true" property="definitions-parser-validate" />
< /PLUG-IN>

TilesPlugin插件用于加載Tiles組件的配置文件。在plug-in元素中包含幾個set-property子元素，用于向TilesPlugin插件傳入附加的參數(shù)：

◆definitions-config參數(shù)：指定Tiles組件的配置文件，如果有多個配置文件，則它們之間用逗號分隔。

◆definitions-parser-validate參數(shù)：指定XML解析器是否驗(yàn)證Tiles配置文件，可選值包括true和false，默認(rèn)值為true。

（5）在web.xml文件中配置ActionServlet

為了保證在Web應(yīng)用啟動時(shí)加載TilesPlugin插件，應(yīng)該加入ActionServlet控制器，ActionServlet控制器在初始化時(shí)能加載所有的插件。以下是在web.xml文件中配置ActionServlet的代碼：

< SERVLET>

    < SERVLET-NAME>action< /SERVLET-NAME>
    < SERVLET-CLASS>org.apache.struts.action.ActionServlet< /SERVLET-CLASS>
    < INIT-PARAM>
      < PARAM-NAME>config< /PARAM-NAME>
      < PARAM-VALUE>/WEB-INF/struts-config.xml< /PARAM-VALUE>
    < /INIT-PARAM>
    < LOAD-ON-STARTUP>3< /LOAD-ON-STARTUP>
< /SERVLET>
< SERVLET-MAPPING>
    < SERVLET-NAME>action< /SERVLET-NAME>
    < URL-PATTERN>*.do< /URL-PATTERN>
< /SERVLET-MAPPING>

（6）在index.jsp和product.jsp中插入Tiles組件，參見例程16-16和例程16-17：

例程16-16 index.jsp

< %@ page contentType="text/html; charset=UTF-8" %>

< %@ taglib uri="/WEB-INF/struts-tiles.tld" prefix="tiles" %>
< tiles:insert definition="index-definition">< /tiles:insert>

    例程16-17  product.jsp

< CCID_NOBR>

bordercolorlight = "black" bordercolordark = "#FFFFFF" align="center">

< CCID_CODE> < %@ page contentType="text/html; charset=UTF-8" %>

< %@ taglib uri="/WEB-INF/struts-tiles.tld" prefix="tiles" %>
< tiles:insert definition="product-definition">< /tiles:insert>

通過Struts Action來調(diào)用Tiles組件

如果Tiles組件代表完整的網(wǎng)頁，可以直接通過Struts Action來調(diào)用Tiles組件。例如，如果希望通過Struts Action來調(diào)用16.5.1節(jié)定義的名為"index-definition"的Tiles組件，可以在Struts配置文件中配置如下Action 映射:

< ACTION-MAPPINGS>

< ACTION   path="/index" P <>
          type="org.apache.struts.actions.ForwardAction"
          parameter="index-definition">
< /ACTION>
< /ACTION-MAPPINGS>

接下來通過瀏覽器訪問 http://localhost:8080/tilestaglibs/index.do，該請求先被轉(zhuǎn)發(fā)到ForwardAction， ForwardAction再把請求轉(zhuǎn)發(fā)給名為"index-definition"的Tiles組件，最后在瀏覽器端，用戶將看到和index.jsp 相同的頁面。

通過Struts Action來調(diào)用Tiles組件，可以充分發(fā)揮Struts框架負(fù)責(zé)流程控制的功能。此外，可以減少JSP文件的數(shù)目。例如，如果直接通過Struts Action來調(diào)用名為"index-definition"的Tiles組件，就不必再創(chuàng)建index.jsp文件。

解析Tiles組件的組合與擴(kuò)展

Tiles 組件是一種可重用的組件?？梢韵蟠罘e木一樣，把簡單的Tiles組件組裝成復(fù)雜的Tiles組件，例如，可以把名為"index-definition" 的Tiles組件的左邊部分拆分為獨(dú)立的Tiles組件，名為"sidebar-definition"。

< DEFINITION  name="index-definition" path="/layout.jsp">

< put value="sidebar-definition" name="sidebar" type="definition">< /put>
        ……
< /DEFINITION>

以上put子元素的value屬性指定被包含的Tiles組件的名字，type屬性設(shè)為"definition"，表示value屬性指定的是Tiles組件，而不是JSP文件。

< DEFINITION  name="index-definition" extends="base-definition"> 

【編輯推薦】

1. 在Eclipse中開發(fā)struts應(yīng)用程序
2. 手把手教你在Eclipse中配置開發(fā)Struts
3. Eclipse下開發(fā)struts完整解決亂碼問題
4. Struts相關(guān)背景介紹
5. Struts與Tiles框架的第一次親密接觸