最近一直在為公司系統(tǒng)的顯示層頁面做重構(gòu),也就是用Tiles框架來重新組織頁面。結(jié)合自己的使用情況和網(wǎng)上的一些資料,總結(jié)一下。
Tiles框架的提出背景:
傳統(tǒng)的GUI工具包,如Java AWT和Java Swing,都提供了一些功能強(qiáng)大的布局管理器,它們指定各個(gè)視圖組件在窗口中的分布位置。布局管理器有助于創(chuàng)建復(fù)合式的復(fù)雜界面,一個(gè)復(fù)合式界面由一些簡單的基本界面組成。
利用布局管理器來創(chuàng)建GUI界面有以下優(yōu)點(diǎn):
可重用性:基本界面可以被重用,組合成各種不同的復(fù)合式界面
可擴(kuò)展性:可以方便的擴(kuò)展基本界面,從而創(chuàng)建更復(fù)雜的界面(其實(shí)此處我的感覺并非如此,可擴(kuò)展性并不是為了創(chuàng)建復(fù)雜界面的,越是復(fù)雜的界面在比較獨(dú)立的情況下更容易創(chuàng)建。)
可維護(hù)性:每個(gè)基本界面之間相互獨(dú)立,當(dāng)復(fù)合式界面中的局部區(qū)域發(fā)生變化,不會(huì)影響其它區(qū)域
不幸的是,JSP技術(shù)本身并沒有直接提供布局或布局管理器。為了簡化Web頁面的開發(fā),提高可重用性和可擴(kuò)展性,Struts Tiles框架提供了一種模板機(jī)制,模板定義了網(wǎng)頁的布局,同一模板可以被多個(gè)Web頁面共用。此外,Tiles框架還允許定義可重用的Tiles組件,它可以描述一個(gè)完整的網(wǎng)頁,也可以描述網(wǎng)頁的局部內(nèi)容。簡單的Tiles組件可以被組合或擴(kuò)展成為更復(fù)雜的Tiles組件。
Tiles框架的基本用法:
使用Tiles框架大大提高了視圖層程序代碼的可重用性、可擴(kuò)展性和可維護(hù)性,也增加了開發(fā)視圖的難度和復(fù)雜度,在使用Tiles框架之前一定要結(jié)合Web應(yīng)用的規(guī)模。
在開發(fā)Web站點(diǎn)時(shí),常常要求同一站點(diǎn)的所有Web頁面保持一致的外觀,比如有相同的布局、頁頭、頁尾和菜單。 網(wǎng)頁被劃分為四個(gè)部分:Header、Menu、Footer和Content。對于同一站點(diǎn)的所有Web頁面,Header、Menu和Footer部分的內(nèi)容相同,僅僅Content部分的內(nèi)容不相同。如果采用基本的JSP語句來編寫所有的Web頁面,顯然會(huì)導(dǎo)致大量的重復(fù)編碼,增加開發(fā)和維護(hù)成本。
Tiles框架為創(chuàng)建Web頁面提供了一種模板機(jī)制,它能將網(wǎng)頁的布局和內(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)建和裝載頁面
定義可重用的Tiles組
支持國際化
Tiles框架包含以下內(nèi)容:
Tiles標(biāo)簽庫
Tiles組件的配置文件
TilesPlugIn插件
采用JSP include指令來創(chuàng)建復(fù)合式頁面,已經(jīng)在提高代碼可重用性方面邁出了正確的一步。通過JSP include指令把這些相同內(nèi)容包含進(jìn)來,這樣提高了代碼的可重用性。但是JSP include指令不能完全避免代碼冗余。
Tiles標(biāo)簽庫的tiles:insert標(biāo)簽和JSP include指令具有相同的功能,也能把其他的JSP頁面插入到當(dāng)前頁面中。例如,以下兩條語句的作用是相同的:
<jsp:include page="indexContent.jsp"/>
<tiles:insert page="indexContent.jsp" flush="true"/>
標(biāo)簽的page屬性指定被插入的JSP文件,flush屬性的可選值包括true和false,當(dāng)flush屬性為true,表示在執(zhí)行插入操作之前,先調(diào)用當(dāng)前頁面的輸出流的flush()方法。
用tiles:insert標(biāo)簽取代JSP include指令來創(chuàng)建復(fù)合式頁面,代碼僅有稍微的差別,兩者的利弊也很相似。單純使用tiles:insert標(biāo)簽來創(chuàng)建復(fù)合式頁面,還沒有充分發(fā)揮Tiles框架的優(yōu)勢。
通俗的講,Tiles模板是一種描述頁面布局的JSP頁面。Tiles模板僅僅定義Web頁面的樣式,而不指定內(nèi)容。在Web應(yīng)用運(yùn)行時(shí),才把特定內(nèi)容插入到模板頁面中。同一模板可以被多個(gè)Web頁面共用。
使用模板,可以輕松的實(shí)現(xiàn)Web應(yīng)用的所有頁面保持相同的外觀和布局,無需為每個(gè)頁面硬編碼。在一個(gè)應(yīng)用中,大多數(shù)頁面使用同一模板,某些頁面可能需要不同的外觀,使用其他的模板,因此一個(gè)應(yīng)用可能有一個(gè)以上模板。
在模板文件layout.jsp中定義了網(wǎng)頁的布局,但沒有指定各部分具體的內(nèi)容。layout.jsp中包含多個(gè)tiles:insert標(biāo)簽,它的attribute屬性僅僅指定了待插入內(nèi)容的邏輯名,而沒有指定真正被插入的文件。
采用Tiles模板機(jī)制,大大提高了代碼的可重用性和可維護(hù)性,模板中包含了網(wǎng)頁共同的布局。如果布局發(fā)生變化,只需要修改模板文件,無需修改具體的網(wǎng)頁文件。
Tiles框架允許在專門的XML文件中配置Tiles組件。例如,以下代碼定義了一個(gè)名為"index-definition"的Tiles組件,它描述整個(gè)index.jsp網(wǎng)頁:
<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)頁內(nèi)容。
TilesPlugin插件用于加載Tiles組件的配置文件。在plug-in元素中包含幾個(gè)set-property子元素,用于向TilesPlugin插件傳入附加的參數(shù):
·definitions-config參數(shù):指定Tiles組件的配置文件,如果有多個(gè)配置文件,則它們之間用逗號分隔。
·definitions-parser-validate參數(shù):指定XML解析器是否驗(yàn)證Tiles配置文件,可選值包括true和false,默認(rèn)值為true。
通過Struts Action來調(diào)用Tiles組件
如果Tiles組件代表完整的網(wǎng)頁,可以直接通過Struts Action來調(diào)用Tiles組件。例如,如果希望通過Struts Action來調(diào)用名為"index-definition"的Tiles組件,可以在Struts配置文件中配置如下Action映射:
<action-mappings>
<action path="/index"
type="org.apache.struts.actions.ForwardAction"
parameter="index-definition">
</action>
</action-mappings>
接下來通過瀏覽器訪問
http://localhost:8080/tilestaglibs/index.do,該請求先被轉(zhuǎn)發(fā)到ForwardAction,F(xiàn)orwardAction再把請求轉(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組件是一種可重用的組件。可以象搭積木一樣,把簡單的Tiles組件組裝成復(fù)雜的Tiles組件。
可以利用Tiles組件的可擴(kuò)展特性來進(jìn)一步消除冗余代碼。解決方法為先定義一個(gè)包含這兩個(gè)Tiles組件的共同內(nèi)容的父類Tiles組件,命名為"base-definition",然后再讓"index-definition"和"product-definition"這兩個(gè)Tiles組件繼承這個(gè)父類組件。
一個(gè)Tiles組件繼承另一個(gè)Tiles組件的語法如下,其中definition元素的extends屬性指定被擴(kuò)展的父類Tiles組件:
<definition name="index-definition" extends="base-definition">
本站僅提供存儲(chǔ)服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請
點(diǎn)擊舉報(bào)。