j2ee項(xiàng)目實(shí)訓(xùn)struts框架技術(shù)——第4章strutstiles框架及應(yīng)用第1部分-資料下載頁(yè)
2025-11-08 16:15本頁(yè)面
【導(dǎo)讀】理地分層可以隔離某個(gè)層中的組件變化所造成的對(duì)其它層中組件的影響。的外觀感覺(jué)和具體的頁(yè)面內(nèi)容呢？在JSP的技術(shù)規(guī)范中提供了動(dòng)態(tài)和靜態(tài)（借助include指。而更好的實(shí)現(xiàn)技術(shù)，則是應(yīng)用本章將要介紹的Struts框架中所集成的Tiles子框架技術(shù)。因?yàn)門(mén)iles框架是一種功能強(qiáng)大、而易用的動(dòng)態(tài)模板和布局框架。的各個(gè)具體的內(nèi)容頁(yè)面是在實(shí)際應(yīng)用時(shí)再被包含進(jìn)來(lái)并填充這些位置。和易用性的一種有效的手段。因?yàn)橛脩艚缑娴囊恢滦砸矊⒁馕吨脩艚缑嬷械母鱾€(gè)組件的?？芍赜茫芍赜眯詫⒖蓪?dǎo)致應(yīng)用系統(tǒng)不容易崩潰并且易于維護(hù)和功能擴(kuò)展。預(yù)定義的頁(yè)面組件來(lái)組裝各個(gè)目標(biāo)頁(yè)面。重復(fù)的HTML標(biāo)簽和JSP腳本的源代碼。版開(kāi)始，成為Struts框架系統(tǒng)發(fā)布包中的一部分。些簡(jiǎn)單的基本界面元素所構(gòu)成的。因?yàn)?，利用布局管理器?lái)創(chuàng)建圖形用戶界面對(duì)應(yīng)用系統(tǒng)。形用戶界面組件或者影響達(dá)到最小化。將與頁(yè)面內(nèi)容信息混雜在一起、并且緊密關(guān)聯(lián)和藕合。<html><head><title>應(yīng)用JSP中的文件包含標(biāo)簽的頁(yè)面</title></head><body>
【正文】 body tiles:insert attribute=logoImage/tiles:insert br tiles:insert attribute=globalMenuBar/tiles:insertbr tiles:insert attribute=pageContent/tiles:insertbr tiles:insert attribute=authorArea/tiles:insert /body/html:html Tiles 的 參數(shù)稱為屬性（ Attribute） ， Tile 的 屬性在插入 Tile 時(shí)定義，并僅在 Tile 內(nèi)可見(jiàn)。 并且 它對(duì)子 Tile 和包含該 Tile 的頁(yè)面也是不可見(jiàn)的。這樣在同一個(gè) Tile 被在一個(gè)頁(yè)面中使用數(shù)次的情況下也可以避免名稱沖突 。開(kāi)發(fā)人員可以專(zhuān)注于如何最好 地 使用好 Tile 而不用擔(dān)心名稱沖突。 設(shè)計(jì)模板 頁(yè)面 中的 Logo 區(qū) 標(biāo)志圖像所在的內(nèi)容子頁(yè)面 在該 中添加本 Web 應(yīng)用系統(tǒng)的 Logo 標(biāo)志圖像的標(biāo)簽，該 頁(yè)面為普通的 JSP 頁(yè)面，具體的結(jié)果請(qǐng)見(jiàn)下圖 所示?？紤]本書(shū)的篇幅，沒(méi)有將該頁(yè)面的具體內(nèi)容 標(biāo)簽 附錄出。 圖 本 Web 應(yīng)用系統(tǒng)的 Logo 標(biāo)志圖像 設(shè)計(jì)模板 頁(yè)面 中的 全局導(dǎo)航條 菜單項(xiàng)目的內(nèi)容子頁(yè)面 在該 中添加本 Web 應(yīng)用系統(tǒng)的全局導(dǎo)航條菜單項(xiàng)目 標(biāo)簽，并為每個(gè) 菜單項(xiàng)目添加對(duì)應(yīng)的超鏈接。 該 頁(yè)面 也 為普通的 JSP 頁(yè)面， 具體的結(jié)果請(qǐng)見(jiàn)下面的圖 所示 的頁(yè)面預(yù)覽圖示 ?？紤]本書(shū)的篇幅， 也 沒(méi)有將該頁(yè)面的具體內(nèi)楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 13/16 頁(yè) 容附錄出。 圖 本 Web 應(yīng)用系統(tǒng)的全局導(dǎo)航條菜單項(xiàng)目 設(shè)計(jì)模板 頁(yè)面 中的 具體功能的 各個(gè) 內(nèi)容頁(yè)面 根據(jù) Web 應(yīng)用系統(tǒng)中的各個(gè)功能的要求設(shè)計(jì)出對(duì)應(yīng)的內(nèi)容頁(yè)面文件，下面以 實(shí)現(xiàn)用戶登陸功能的 注冊(cè)功能的 明如何進(jìn)行內(nèi)容頁(yè)面的設(shè)計(jì)開(kāi)發(fā)。 在實(shí)現(xiàn)用戶登陸功能的 頁(yè)面中只需要包含有登陸表單的內(nèi)容，而不再需要重復(fù)地包含 Logo 區(qū) 標(biāo)志圖像和 全局導(dǎo)航條 菜單項(xiàng)目等內(nèi)容。 該 頁(yè)面也為普通的 JSP 頁(yè)面， 具體的結(jié)果請(qǐng)見(jiàn)下圖 所示?？紤]本書(shū)的篇幅， 同樣也 沒(méi)有將該 頁(yè)面的具體內(nèi)容附錄出。 對(duì)于在 實(shí)現(xiàn)用戶注冊(cè)功能的 頁(yè)面中 也 只需要包含有注冊(cè)表單的內(nèi)容， 同樣也 不再需要重復(fù)地包含 Logo 區(qū) 標(biāo)志圖像和 全局導(dǎo)航條 菜單項(xiàng)目等內(nèi)容。該 頁(yè)面也為普通的 JSP 頁(yè)面， 具體的結(jié)果請(qǐng)見(jiàn)下圖 所示?？紤]本書(shū)的篇幅， 同樣也 沒(méi)有將該 頁(yè)面的具體內(nèi)容附錄出。 其中的用戶圖像文件由于是動(dòng)態(tài)定位的，因此在靜態(tài)預(yù)覽中不能正確地顯示出。 圖 doUserLogin 頁(yè)面中的登陸表單 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 14/16 頁(yè) 圖 doUserRegister 頁(yè)面中的注冊(cè)表單 設(shè)計(jì)模板 頁(yè)面 中的版權(quán)信息顯示的頁(yè)面 在 該 中添加本 Web 應(yīng)用系統(tǒng) 中的版權(quán)信息顯示的具體內(nèi)容及標(biāo)簽 ， 該 頁(yè)面也為普通的 JSP 頁(yè)面 ， 具體的結(jié)果請(qǐng)見(jiàn)下面的圖 所示?？紤]本書(shū)的篇幅，沒(méi)有將該頁(yè)面的具體內(nèi)容附錄出。 圖 版權(quán)信息顯示的 頁(yè)面預(yù)覽圖示 設(shè)計(jì) 系統(tǒng)中的某個(gè)具體功能的請(qǐng)求 頁(yè)面 下面以實(shí)現(xiàn)用戶登錄功能為示例進(jìn)行說(shuō)明，設(shè)計(jì)系統(tǒng)中的用戶登錄功能請(qǐng)求的目標(biāo)頁(yè)面 ，該 頁(yè) 面 也 稱 為 主 調(diào) 頁(yè) 面 。 在 該 頁(yè)面中指定需要應(yīng)用在 【例 43】 所示的 Tiles 組件定義的 XML 配置文件中具體哪個(gè)定義項(xiàng)目（由 definition標(biāo)簽所標(biāo)識(shí)） ，請(qǐng)見(jiàn) 【例 46】 中的黑體部分的 標(biāo)簽 項(xiàng)目 。 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 15/16 頁(yè) 在 Tiles 框架中每 增加一個(gè)新的功能請(qǐng)求頁(yè)面時(shí)，需要設(shè)計(jì)出兩個(gè) JSP 頁(yè)面文件，一個(gè)是調(diào)用的主調(diào)頁(yè)面（如用戶登錄功能請(qǐng)求的目標(biāo) 頁(yè)面），另一個(gè)是Tiles 框架中的具體內(nèi)容的頁(yè)面（如圖 所示的 頁(yè)面）。 本示例 頁(yè)面 文件內(nèi)容請(qǐng)見(jiàn) 【例 46】 所示。 【例 46】 用戶登錄功能請(qǐng)求的目標(biāo) 頁(yè)面 示例 %@ page language=java pageEncoding=gb2312% %@ taglib uri= prefix=html % %@ taglib uri= prefix=tiles % !DOCTYPE HTML PUBLIC //W3C//DTD HTML Transitional//EN html:html lang=true headhtml:base /title用戶登錄功能請(qǐng)求的目標(biāo)頁(yè)面 /title/head bodytiles:insert definition=doUserLogin/tiles:insert /body/html:html 部署本 Web 應(yīng)用系統(tǒng)和執(zhí)行 具體的 功能請(qǐng)求頁(yè)面 在瀏覽器 的地 址輸入欄 中 ， 輸入 用戶登錄功能請(qǐng)求的目標(biāo) 頁(yè)面 的請(qǐng)求 URL 地址 后，將能夠看到下圖 所示的完整的內(nèi)容頁(yè)面。它是由前面所介紹的各個(gè) 內(nèi)容 頁(yè)面 并按照模板頁(yè)面中的布局定義 進(jìn)行合成而產(chǎn)生出的最終結(jié)果。 同樣在瀏覽器的地址輸入 欄 中輸入 用戶注冊(cè)功能請(qǐng)求的目標(biāo) 的請(qǐng)求 URL 地址 后，將能夠看到下面圖 所示的完整的內(nèi)容頁(yè)面。它也是由前面所介紹的各個(gè) 內(nèi)容 頁(yè)面進(jìn)行合成而產(chǎn)生出的最終結(jié)果。 通過(guò)應(yīng)用 Tiles 框架能夠?qū)?Web 應(yīng)用系統(tǒng)中的內(nèi)容 頁(yè)面進(jìn)行重用 （比如本示例中的、 和 ） 、并減少了頁(yè)面中的相同標(biāo)簽的數(shù)量。另外，由于本示例中的各個(gè)功能請(qǐng)求頁(yè)面只是在中間的內(nèi)容頁(yè)面發(fā)生了改變，因此 在瀏覽的過(guò)程中只需要將中間的內(nèi)容區(qū)域的 頁(yè)面 表單發(fā)生改變，而 整個(gè) 頁(yè)面中的其它 區(qū)域 部分 的內(nèi)容 不變化，這樣將能夠提高 整個(gè) 頁(yè)面顯示的速度。 這特別適用于比較大的頁(yè)面顯示輸出的應(yīng)用要求，可以讓整個(gè)頁(yè)面逐塊地顯示輸出、而不至于等待更長(zhǎng)的時(shí)間才能夠楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 16/16 頁(yè) 看到輸出的結(jié)果頁(yè)面。 圖 用戶登錄功能請(qǐng)求的目標(biāo) 頁(yè)面的最終結(jié)果圖示 圖 用戶注冊(cè)功能請(qǐng)求的目標(biāo) 頁(yè)面的最終結(jié)果圖示
研究報(bào)告相關(guān)推薦
鄂ICP備17016276號(hào)-1