教你如何精通Struts：Tiles架構

Tiles架構特性和內容

Tiles架構為建立Web頁面提供了一種模板機制，它能將網頁的布局和內容分離。它允許先建立模板，然後在運行時動態地將內容插入到模板中。Tiles 架構建立在JSP的include指令的基礎上，但它提供了比JSP的 include指令更強大的功能。Tiles架構具有如下特性：

◆建立可重用的模板

◆動態構建和裝載頁面

◆定義可重用的Tiles組件

◆支援國際化

Tiles架構套件含以下內容：

◆Tiles標籤庫

◆Tiles組件的設定檔

◆TilesPlugIn外掛程式

在開發Web網站時，常常要求同一網站的所有Web頁面保持一致的外觀，比如有相同的布局、頁頭、頁尾和菜單。

採用基本的JSP語句建立複合式網頁

建立動態Web頁面的最基本的辦法是為每個頁面建立獨立的JSP檔案。如果網頁的相同部分發生需求變更，必須手工修改所有的JSP檔案。可見，採用基本的JSP語句來編寫上述網頁，會導致JSP代碼的大量冗餘，增加開發與維護成本。

採用JSP的include指令建立複合式網頁

為了減少代碼的冗餘，可以把index.jsp和product.jsp中相同部分放在單獨的JSP檔案中，然後在index.jsp和 product.jsp檔案中通過JSP include指令把其他JSP檔案包含進來。這樣提高了代碼的可重用性。但是JSP include指令不能完全避免代碼冗餘，儘管這種方案減少了重複代碼，但JSP檔案的數量增加了，由原來的2個檔案增加到7個檔案，所以軟體的複雜度也增加了。

採用Tiles:Insert標籤建立複合式網頁

Tiles標籤庫的tiles:insert標籤和JSP include指令具有相同的功能，也能把其他的JSP頁面插入到當前頁面中。用tiles:insert標籤取代JSP include指令來建立複合式頁面，代碼僅有稍微的差別，兩者的利弊也很相似。單純使用tiles:insert標籤來建立複合式頁面，還沒有充分發揮 Tiles架構的優勢。

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

 

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

 

採用Tiles模板建立複合式網頁

儘管使用了tiles:insert標籤，index.jsp和product.jsp檔案還是存在很多的重複代碼。為了提高Web頁面的可重用性和可維護性，可以引入Tiles的模板機制。通俗的講，Tiles模板是一種描述頁面配置的JSP頁面。Tiles模板僅僅定義Web頁面的樣式，而不指定內容。在Web應用運行時，才把特定內容插入到模板頁面中。同一模板可以被多個Web頁面共用。使用模板，可以輕鬆的實現Web應用的所有頁面保持相同的外觀和布局，無需為每個頁面寫入程式碼。在一個應用中，大多數頁面使用同一模板，某些頁面可能需要不同的外觀，使用其他的模板，因此一個應用可能有一個以上模板。

 

< %@ 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模板機制，大大提高了代碼的可重用性和可維護性，模板中包含了網頁共同的布局。如果布局發生變化，只需要修改模板檔案，無需修改具體的網頁檔案。不過，從常式16-13和16-14可以看出，儘管 index.jsp和product.jsp檔案的長度都縮短了，但是兩者還是存在重複代碼。

Tiles組件的基本使用方法

為了最大程度的提高代碼的可重用性和靈活性，Tiles架構引入了Tiles組件的概念。Tiles組件可以代表一個完整的網頁，也可以代表網頁的一部分。簡單的Tiles組件可以組合成複雜的Tiles組件，或被擴充為複雜的Tiles組件。

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

 

< 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子項目用於向模板中插入具體的網頁內容。

常式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外掛程式傳入附加的參數：

◆definitions-config參數：指定Tiles組件的設定檔，如果有多個設定檔，則它們之間用逗號分隔。

◆definitions-parser-validate參數：指定XML解析器是否驗證Tiles設定檔，可選值包括true和false，預設值為true。

（5）在web.xml檔案中配置ActionServlet

為了保證在Web應用啟動時載入TilesPlugin外掛程式，應該加入ActionServlet控制器，ActionServlet控制器在初始化時能載入所有的外掛程式。以下是在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來調用Tiles組件

如果Tiles組件代表完整的網頁，可以直接通過Struts Action來調用Tiles組件。例如，如果希望通過Struts Action來調用16.5.1節定義的名為"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，該請求先被轉寄到ForwardAction， ForwardAction再把請求轉寄給名為"index-definition"的Tiles組件，最後在瀏覽器端，使用者將看到和index.jsp 相同的頁面。

通過Struts Action來調用Tiles組件，可以充分發揮Struts架構負責流程式控制制的功能。此外，可以減少JSP檔案的數目。例如，如果直接通過Struts Action來調用名為"index-definition"的Tiles組件，就不必再建立index.jsp檔案。

解析Tiles組件的組合與擴充

Tiles 組件是一種可重用的組件。可以象搭積木一樣，把簡單的Tiles組件組裝成複雜的Tiles組件，例如，可以把名為"index-definition" 的Tiles組件的左邊部分拆分為獨立的Tiles組件，名為"sidebar-definition"。

 

< DEFINITION name="index-definition" path="/layout.jsp">   < put value="sidebar-definition" name="sidebar" type="definition">< /put> …… < /DEFINITION>

 

以上put子項目的value屬性指定被包含的Tiles組件的名字，type屬性設為"definition"，表示value屬性指定的是Tiles組件，而不是JSP檔案。

 

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