Tiles框架特性和內(nèi)容
Tiles框架為創(chuàng)建Web頁(yè)面提供了一種模板機(jī)制,它能將網(wǎng)頁(yè)的布局和內(nèi)容分離。它允許先創(chuàng)建模板,然后在運(yùn)行時(shí)動(dòng)態(tài)地將內(nèi)容插入到模板中。Tiles 框架建立在JSP的include指令的基礎(chǔ)上,但它提供了比JSP的 include指令更強(qiáng)大的功能。Tiles框架具有如下特性:
·創(chuàng)建可重用的模板
·動(dòng)態(tài)構(gòu)建和裝載頁(yè)面
·定義可重用的Tiles組件
·支持國(guó)際化
Tiles框架包含以下內(nèi)容:
·Tiles標(biāo)簽庫(kù)
·Tiles組件的配置文件
·TilesPlugIn插件
在開(kāi)發(fā)Web站點(diǎn)時(shí),常常要求同一站點(diǎn)的所有Web頁(yè)面保持一致的外觀,比如有相同的布局、頁(yè)頭、頁(yè)尾和菜單。
采用基本的JSP語(yǔ)句創(chuàng)建復(fù)合式網(wǎng)頁(yè)
創(chuàng)建動(dòng)態(tài)Web頁(yè)面的最基本的辦法是為每個(gè)頁(yè)面創(chuàng)建獨(dú)立的JSP文件。如果網(wǎng)頁(yè)的相同部分發(fā)生需求變更,必須手工修改所有的JSP文件。可見(jiàn),采用基本的JSP語(yǔ)句來(lái)編寫(xiě)上述網(wǎng)頁(yè),會(huì)導(dǎo)致JSP代碼的大量冗余,增加開(kāi)發(fā)與維護(hù)成本。
采用JSP的include指令創(chuàng)建復(fù)合式網(wǎng)頁(yè)
為了減少代碼的冗余,可以把index.jsp和product.jsp中相同部分放在單獨(dú)的JSP文件中,然后在index.jsp和 product.jsp文件中通過(guò)JSP include指令把其他JSP文件包含進(jìn)來(lái)。這樣提高了代碼的可重用性。但是JSP include指令不能完全避免代碼冗余,盡管這種方案減少了重復(fù)代碼,但JSP文件的數(shù)量增加了,由原來(lái)的2個(gè)文件增加到7個(gè)文件,所以軟件的復(fù)雜度也增加了。
采用Tiles:Insert標(biāo)簽創(chuàng)建復(fù)合式網(wǎng)頁(yè)
Tiles標(biāo)簽庫(kù)的tiles:insert標(biāo)簽和JSP include指令具有相同的功能,也能把其他的JSP頁(yè)面插入到當(dāng)前頁(yè)面中。用tiles:insert標(biāo)簽取代JSP include指令來(lái)創(chuàng)建復(fù)合式頁(yè)面,代碼僅有稍微的差別,兩者的利弊也很相似。單純使用tiles:insert標(biāo)簽來(lái)創(chuàng)建復(fù)合式頁(yè)面,還沒(méi)有充分發(fā)揮 Tiles框架的優(yōu)勢(shì)。
以下兩條語(yǔ)句的作用是相同的:
<jsp:include page="indexContent.jsp"/>
<tiles:insert page="indexContent.jsp"/>
采用Tiles模板創(chuàng)建復(fù)合式網(wǎng)頁(yè)
盡管使用了tiles:insert標(biāo)簽,index.jsp和product.jsp文件還是存在很多的重復(fù)代碼。為了提高Web頁(yè)面的可重用性和可維護(hù)性,可以引入Tiles的模板機(jī)制。通俗的講,Tiles模板是一種描述頁(yè)面布局的JSP頁(yè)面。Tiles模板僅僅定義Web頁(yè)面的樣式,而不指定內(nèi)容。在Web應(yīng)用運(yùn)行時(shí),才把特定內(nèi)容插入到模板頁(yè)面中。同一模板可以被多個(gè)Web頁(yè)面共用。使用模板,可以輕松的實(shí)現(xiàn)Web應(yīng)用的所有頁(yè)面保持相同的外觀和布局,無(wú)需為每個(gè)頁(yè)面硬編碼。在一個(gè)應(yīng)用中,大多數(shù)頁(yè)面使用同一模板,某些頁(yè)面可能需要不同的外觀,使用其他的模板,因此一個(gè)應(yīng)用可能有一個(gè)以上模板。
<%@ taglib uri="/WEB-INF/struts-tiles.tld" prefix="tiles"%>
<tiles:insert attribute="sidebar"/>
<tiles:insert attribute="header"/>
<tiles:insert attribute="content"/>
<tiles:insert attribute="footer"/>
<%@ 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 name="sidebar" value="sidebar.jsp"/>
<tiles:put name="header" value="header.jsp"/>
<tiles:put name="content" value="indexContent.jsp"/>
<tiles:put name="footer" value="footer.jsp"/>
</tiles:insert>
采用Tiles模板機(jī)制,大大提高了代碼的可重用性和可維護(hù)性,模板中包含了網(wǎng)頁(yè)共同的布局。如果布局發(fā)生變化,只需要修改模板文件,無(wú)需修改具體的網(wǎng)頁(yè)文件。不過(guò),從例程16-13和16-14可以看出,盡管 index.jsp和product.jsp文件的長(zhǎng)度都縮短了,但是兩者還是存在重復(fù)代碼。
Tiles組件的基本使用方法
為了最大程度的提高代碼的可重用性和靈活性,Tiles框架引入了Tiles組件的概念。Tiles組件可以代表一個(gè)完整的網(wǎng)頁(yè),也可以代表網(wǎng)頁(yè)的一部分。簡(jiǎn)單的Tiles組件可以組合成復(fù)雜的Tiles組件,或被擴(kuò)展為復(fù)雜的Tiles組件。
Tiles框架允許在專門(mén)的XML文件中配置Tiles組件。例如,以下代碼定義了一個(gè)名為"index-definition"的Tiles組件,它描述整個(gè)index.jsp網(wǎng)頁(yè):
<tiles-definitions>
<definition name="index-definition" path="/layout.jsp">
<put name="sidebar" value="sidebar.jsp"/>
<put name="header" value="header.jsp"/>
<put name="content" value="indexContent.jsp"/>
<put name="footer" value="footer.jsp"/>
</definition>
</tiles-definitions>
definition元素的name屬性指定Tiles組件的名字,path屬性指定Tiles組件使用的模板,definition元素的put子元素用于向模板中插入具體的網(wǎng)頁(yè)內(nèi)容。
例程16-15 tiles-defs.xml
<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE tiles-definitions PUBLIC "-//Apache Software Foundation//DTD Tiles Configuration 1.1//EN" "http://jakarta.apache.org/struts/dtds/tiles-config_1_1.dtd">
<tiles-definitions>
<definition name="index-definition" path="/layout.jsp">
<put name="sidebar" value="sidebar.jsp"/>
<put name="header" value="header.jsp"/>
<put name="content" value="indexContent.jsp"/>
<put name="footer" value="footer.jsp"/>
</definition>
<definition name="product-definition" path="/layout.jsp">
<put name="sidebar" value="sidebar.jsp"/>
<put name="header" value="header.jsp"/>
<put name="content" value="productContent.jsp"/>
<put name="footer" value="footer.jsp"/>
</definition>
</tiles-definitions>
以上代碼定義了兩個(gè)Tiles組件,它們分別代表完整的index.jsp和product.jsp頁(yè)面。
(4)在Strut配置文件中配置TilesPlugin插件,代碼如下:
<plug-in className="org.apache.struts.tiles.TilesPlugin" >
<set-property property="definitions-config" value="/WEB-INF/tiles-defs.xml" />
<set-property property="definitions-parser-validate" value="true" />
</plug-in>
TilesPlugin插件用于加載Tiles組件的配置文件。在plug-in元素中包含幾個(gè)set-property子元素,用于向TilesPlugin插件傳入附加的參數(shù):
·definitions-config參數(shù):指定Tiles組件的配置文件,如果有多個(gè)配置文件,則它們之間用逗號(hào)分隔。
·definitions-parser-validate參數(shù):指定XML解析器是否驗(yàn)證Tiles配置文件,可選值包括true和false,默認(rèn)值為true。
(5)在web.xml文件中配置ActionServlet
為了保證在Web應(yīng)用啟動(dò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組件,參見(jiàn)例程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"/>
例程16-17 product.jsp
<ccid_nobr>
<table width="400" border="1" cellspacing="0" cellpadding="2"
bordercolorlight = "black" bordercolordark = "#FFFFFF" align="center">
<tr>
<td bgcolor="e6e6e6" class="code" style="font-size:9pt">
<pre><ccid_code> <%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib uri="/WEB-INF/struts-tiles.tld" prefix="tiles" %>
<tiles:insert definition="product-definition"/>
通過(guò)Struts Action來(lái)調(diào)用Tiles組件
如果Tiles組件代表完整的網(wǎng)頁(yè),可以直接通過(guò)Struts Action來(lái)調(diào)用Tiles組件。例如,如果希望通過(guò)Struts Action來(lái)調(diào)用16.5.1節(jié)定義的名為"index-definition"的Tiles組件,可以在Struts配置文件中配置如下Action 映射:
<action-mappings>
<action path="/index"
type="org.apache.struts.actions.ForwardAction"
parameter="index-definition">
</action>
</action-mappings>
接下來(lái)通過(guò)瀏覽器訪問(wèn) http://localhost:8080/tilestaglibs/index.do,該請(qǐng)求先被轉(zhuǎn)發(fā)到ForwardAction, ForwardAction再把請(qǐng)求轉(zhuǎn)發(fā)給名為"index-definition"的Tiles組件,最后在瀏覽器端,用戶將看到和index.jsp 相同的頁(yè)面。
通過(guò)Struts Action來(lái)調(diào)用Tiles組件,可以充分發(fā)揮Struts框架負(fù)責(zé)流程控制的功能。此外,可以減少JSP文件的數(shù)目。例如,如果直接通過(guò)Struts Action來(lái)調(diào)用名為"index-definition"的Tiles組件,就不必再創(chuàng)建index.jsp文件。
解析Tiles組件的組合與擴(kuò)展
Tiles 組件是一種可重用的組件。可以象搭積木一樣,把簡(jiǎn)單的Tiles組件組裝成復(fù)雜的Tiles組件,例如,可以把名為"index-definition" 的Tiles組件的左邊部分拆分為獨(dú)立的Tiles組件,名為"sidebar-definition"。
<definition name="index-definition" path="/layout.jsp">
<put name="sidebar" value="sidebar-definition" type="definition"/>
……
</definition>
以上put子元素的value屬性指定被包含的Tiles組件的名字,type屬性設(shè)為"definition",表示value屬性指定的是Tiles組件,而不是JSP文件。
<definition name="index-definition" extends="base-definition">
開(kāi)心過(guò)好每一天。。。。。