這裡的title是標題,logo是界面上最左上角的標誌,質量管理系統有兩級菜單,mainMenu是主菜單,是不變的,而subMenu是子菜單,六個模塊就有六個子菜單,是隨模塊而變化的。messages是錯誤信息。
這裡的common.testManage是測試管理模塊的意思,這就是一個模塊對應一個subMenu。
這是說一個模塊下有多個功能點,每個功能點下的左側菜單是相同的,因此leftBody就是這個左側菜單,變化的只是rightBody右側部分而已。下面還有詳解。
/layout/ mainLayout.jsp
-----------------------------------------------------------------
…
…
在web.xml裡面配置tiles對應的taglib的配置如下:
web.xml
/WEB-INF/struts-tiles.tld
/WEB-INF/tld/struts-tiles.tld
在struts-config.xml裡面配置tiles-defs.xml
Struts-config.xml
value="true" />
如果已經配置好tiles-defs.xml,接下來就可以在jsp文件中使用這些定義了。
有如下的方式使用tiles
<%@ include file="/common/taglibs.jsp"%>
插入setting.projectInfo標記的一頁
taglibs.jsp里包括這麼一句話:
<%@ taglib uri="/WEB-INF/struts-tiles.tld" prefix="tiles"%>
根據tiles-defs.xml里的setting.projectInfo設置
知道leftBody是/WEB-INF/pages/common/body/projectinfoleftbd.jsp頁面,而rightBody是/WEB-INF/pages/common/body/projectinforightbd.jsp頁面。所以我們只需要建立projectinfoleftbd.jsp和projectinforightbd.jsp頁面的就OK了,
而左側部分就是項目設定中的菜單,因為項目設定中又包括很多子頁,所以在整個項目設定中的左側菜單是不變的,變的只有右側主體部分,而projectinforightbd.jsp這個頁面即項目設定中的一個項目基本信息的子頁,項目設定中有多個這樣的子頁,這些頁是在tiles-defs.xml配置的,比如說
leftBody是相同的,都為projectinfoleftbd.jsp,變化的只有rightBody。
Java基於WEB的開發中,在用戶界面方面簡化開發的工具上,大家的選擇習慣性的受一些知名框架的影響去左右。我也不例外,最早時受struts的影響,使用了tiles,並且很願意使用這種Tiles的用戶界面開發習慣,並且在我的開發團隊當中推廣這種模式。我覺得採用這種界面開發方法會給我們團隊帶來一些便利:
1、美工界面工作可以讓更懂用戶感受的商務人員與美工交流;
2、技術人員專註於業務模型的實現;
3、使WBS做得可以更細,測試也可以做得很細;
4、以上所有工作可以并行
5、有效的組織項目Views層文件管理,方便團隊協作。
也許是因為鼎鼎大名的WebWork使用了SiteMesh、鼎鼎大名的Struts在2也使用了SiteMesh,我發現網上對於Tiles2的應用交流相對較少了,而對於SiteMesh的推薦較多。而我在前期研發J10引擎過程中,對於SiteMesh和Tiles2都進行了應用和比較,以便於把這一種我偏愛的方式能夠繼續在我的團隊當中採用,在測試和應用了幾個案例后,我最後確定加入了Tiles2的開源框架作為用戶界面的項目組“標準模式”,基於:
1、項目團隊成員一直使用Struts 1的tiles,有助於讓成員低培訓成本進入應用狀態;
2、tiles2的配置相對於SiteMesh更加快捷簡單;
3、tiles2的應用更加簡單。
tiles可以方便的應用在任何jsp、servlet的項目中,下面我對tiles的應用進行一下介紹,如果有不足的地方,歡迎朋友們進行交流。
1、準備
我比較建議大家先花十分鐘時間讀一下他的Getting Started和quickstart文檔,很有益。
2、配置tiles-def.xml
如果你曾經使用過tiles,下面這個配置文件很熟吧?如果你沒用過,呵,對你來說也是很好理解的吧。
標籤內主要的子節點就是標籤,這個標籤屬性如下:
屬性 | | | | |
名稱 | 是否必須 | 值必須 | 值類型 | 說明 |
name | true | true | java.lang.String | 指定將要創建的一個definition bean的訪問名稱。這個必須有的。 |
template | false | true | java.lang.String | 哪一個文件是模板文件,這個模板文件後面會介紹。 |
role | false | true | java.lang.String | 如果配置了這個值的話,需要role的值相等,這個definition才被有效訪問,這個功能我沒有深究,也不推薦使用,建議大家建立自己更完善的許可權控制管理。當然歡迎朋友們完善role應用的示例,tiles自帶role的示例,有興趣的人去讀一下就明白了。 |
extends | false | true | java.lang.String | 繼承哪一個definition,值是你要繼承的definition的name的值。高使用率的屬性。 |
preparer | false | true | java.lang.String | 呵,我沒使用,如果你要使用的話,要寫一個實現他的Prepare介面的類,作用就是在展現你定義的頁面前會先執行你的prepare。 |
實際上一般按我的例子中的就足夠用了,OK,我們繼續吧。
3、配置web.xml
多麼easy的事情啊,打開你的web.xml,用你的滑鼠copy & paster下面的代碼並放到你的web.xml的節點下。
Xml代碼
● ●
● ●
org.apache.tiles.impl.BasicTilesContainer.DEFINITIONS_CONFIG
● ●
● ●
/WEB-INF/tiles-defs.xml
● ●
● ●
● ●
● ●
● ●
● ●
org.apache.tiles.web.startup.TilesListener
● ●
● ●
● ●
● ●
org.apache.tiles.impl.BasicTilesContainer.DEFINITIONS_CONFIG /WEB-INF/tiles-defs.xml org.apache.tiles.web.startup.TilesListener org.apache.tiles.impl.BasicTilesContainer.DEFINITIONS_CONFIG這是配置tiles的配置文件,可以配置多個文件,文件之間用逗號分隔即可,文件格式完全相同只是看你團隊的WBS需要作調整即可。listener節點是配置一個tiles的監聽器——如果你前面花了十分鐘時間讀了一下tiles官方的Quick start文檔的話,也許你還記得,在Configuration一節介紹了很多個配置方式,你可以隨自己喜好選擇使用
servlet、listener、filter之一。
4、框架頁layout.jsp
Html代碼
● ● <%@ taglib uri=" 地址" prefix="tiles"%>
● ●
<%@ taglib uri=" 地址" prefix="c"%>
● ●
● ●
● ●
● ●
● ●
● ●
● ●
● ●
● ●
● ●
● ● <%-- ● ● ● ● --%> ● ● <%-- ● ● //主信息和操作界面結束。 ● ● --%> ● ● | ● ●
● ●
● ●
● ●
● ●
<%@ taglib uri="地址" prefix="tiles"%><%@ taglib uri="地址" prefix="c"%>
|
<%-- --%> <%-- //主信息和操作界面結束。 --%> |
|
特別注意其中和兩個節點,getAsString如下:
屬性名樂是否必須值必須值類型說明nametruetruejava.lang.String
屬性名稱,引用definition attribute的名稱
ignorefalsetrueboolean
如果設為true,如果發生異常什麼的,就給出空白內容。默認為false,會給出cause。
rolefalsetruejava.lang.String
別用了吧,有興趣的人去看吧,不推薦使用。
insertAttribute的屬性如下:
屬性名稱必須值必須值類型說明namefalsetruejava.lang.String
要插入的屬性名稱,如果value有值,將被忽略.
valuefalsetruejava.lang.Object
如果有值,會被直接使用,一般我不太直接用,如果直接用的話,一般也是直接給一個jsp文件的相對content路徑。
flushfalsefalseboolean
在插入這個頁面前先把out stream進行一次flush乾淨操作。
ignorefalsetrueboolean
同getAsString的解釋。
rolefalsetruejava.lang.String
不推薦使用。說n次了。下同
preparerfalsetruejava.lang.String同上
因為我用了一個表格作範例,用表格區格開了body、footer、header、info的定義。其中info是否展現,又採用了c標籤和EL語句。你要想寫個更簡單的頁面例子,也可以,為了方便理解,我拿一個tiles官方的layout大家看一下:
Html代碼
● ● <%@ taglib uri="地址" prefix="tiles" %>
● ●
<%@ taglib uri="地址" prefix="tiles" %>
5、Hello World一下
header.jsp
Html代碼
info.jsp
Html代碼
body.jsp
Java代碼
Hello World!
footer.jsp
Html代碼
6、頁面標籤
在頁面當中直接用標籤,功能相當強大,我就不多介紹了,直接用一個最通用的例子吧,更多的例子,大家看官方example吧。
hello.jsp
Html代碼
● ● <%@ taglib uri="地址" prefix="tiles" %>
● ●
● ●
<%@ taglib uri="地址" prefix="tiles" %>
OK,部置出去,有沒有看到大大的“Hello world”。
7、我更推薦的方法是在你的Java業務代碼中使用
在你可訪問ServetRequest對象的業務代碼最後加入:
Java代碼
● ● //獲得Tiles容器
● ●
TilesContainer container = TilesAccess.getContainer(request
● ●
.getSession().getServletContext());
● ●
//渲染頁面,成功執行后,就顯示用戶界面了。
● ●
container.render(def, request,response);
● ●