應用Struts的網(wǎng)站建設(6)
經(jīng)過(guò)對tiles的研究，大概了解它能夠完成什么了，所以，在這個(gè)任務(wù)里我們將實(shí)現tiles的功能以滿(mǎn)足我們的使用。 由于上一個(gè)任務(wù)所花費的時(shí)間，在這個(gè)任務(wù)里可以節約一部分時(shí)間，所以估計仍然為6小時(shí)。
Engineering Task Card
Date: 2003-4-11___
Story #:_實(shí)現Tiles的多數功能___ Software Eng: _紫龍____ Task Estimate: __6小時(shí)___
Task Description:
1、實(shí)現動(dòng)態(tài)模板功能
2、實(shí)現模板的國際化功能
3、用戶(hù)可以在運行時(shí)選擇模板
4、記錄全過(guò)程
Software Engineer’s Notes
Task Tracking:
Date Done to do use time Comments
2003-04-11
2003-04-12 1,2,3,4 6:52
要實(shí)現動(dòng)態(tài)模板，則需要一些程序了。我們把example的程序放入我們的project里面，然后進(jìn)行相應的設置。把包命名為org.apache.struts.tiles.skin，同時(shí)修改程序的一部分以適應我們的需要。然后修改tiles-defs.xml
<?xml version="1.0" encoding="UTF-8" ?>
<!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="tiles.root" path="/controller/layoutSwitch.do">
<put name="userSettingsName" value="tiles.skin.user.settings" />
<put name="catalogSettings" value="available.skins" />
<put name="layout.attribute" value="page.layout" />
<put name="title" value="title need to be updated(from root)" />
<put name="header" value="/pages/head.jsp"/>
<put name="footer" value="/pages/foot.jsp"/>
<put name="menu" value="tiles.menu.bar" />
</definition>
<!-- Menu bar definition -->
<!-- Some definition come from other definition files (ex : doc.menu.*) -->
<definition name="menu.root" path="/layouts/menu.jsp" >
</definition>
<definition name="tiles.menu.bar" path="/layouts/vboxLayout.jsp" >
<putList name="list" >
<add value="menu.links" />
<add value="menu.settings" />
<!--<add value="menu.userMenu" />
<add value="menu.admin" />-->
</putList>
</definition>
<!-- main menu definition -->
<definition name="menu.links" extends="menu.root" >
<put name="title" value="Links" />
<putList name="items" >
<item value="Home" link="/index.jsp" />
</putList>
</definition>
<!-- Preferences menu definition -->
<definition name="menu.settings" extends="menu.root" >
<put name="title" value="Preferences" />
<putList name="items" >
<item value="my Layout Settings" link="/control/SkinSettings.do" />
</putList>
</definition>
<!-- Skin main page -->
<definition name="skin.settings.page" extends="tiles.root">
<put name="title" value="Skin Setting" />
<put name="body" value="skin.settings.body"/>
</definition>
<!-- Skin body declaration-->
<definition name="skin.settings.body" path="/skinsetting/skinSettings.jsp"
controllerUrl="/controller/SkinSettings.do" >
<put name="userSettingsName" value="tiles.skin.user.settings" />
<put name="catalogSettings" value="available.skins" />
</definition>
<!-- Available skins -->
<definition name="available.skins" >
<putList name="skin.list" >
<add value="default.skin" />
<add value="menuright.skin" />
</putList>
</definition>
<!-- Default skin values -->
<definition name="default.skin" >
<put name="skin.label" value="Default" />
<put name="page.layout" value="/layouts/classicLayout.jsp" />
<put name="menu.layout" value="/layouts/menu.jsp" />
<put name="menuBar.layout" value="/layouts/vboxLayout.jsp" />
</definition>
<!-- Default skin values -->
<definition name="menuright.skin" extends="default.skin" >
<put name="skin.label" value="Right Menu" />
<put name="page.layout" value="/layouts/skin1/menuLeftLayout.jsp" />
<put name="menu.layout" value="/layouts/menu.jsp" />
</definition>
</tiles-definitions>
建立一系列的菜單和模板頁(yè)面。修改struts-config.xml，加入以下內容
<!-- ======================================================= -->
<!-- ACL Controls -->
<!-- ======================================================= -->
<action path = "/login"
type = "com.ewuxi.champion.struts.actions.LoginAction"
name = "loginForm"
scope = "request"
validate = "true"
input = "/index.jsp">
<forward name="success" path="/aclController.do?fwd=users" />
<forward name="failure" path="index.jsp" />
</action>
<!-- ======================================================= -->
<!-- Tiles 1.1 Skin Settings -->
<!-- ======================================================= -->
<action path="/controller/layoutSwitch" type="org.apache.struts.tiles.skin.LayoutSwitchAction" />
<action path="/control/SkinSettings"
type="org.apache.struts.tiles.actions.NoOpAction"
name="SkinSettingsForm" >
<forward name="success" path="skin.settings.page"/>
</action>
<action path="/controller/SkinSettings" type="org.apache.struts.tiles.skin.LayoutSettingsAction" name="SkinSettingsForm" />
</action-mappings>
然后建立layout目錄，并放入相應的文件，建立pages目錄，建立相應的文件。通過(guò)以上的設置，我們實(shí)現了動(dòng)態(tài)更換模板并建立了第一個(gè)登錄頁(yè)面。
其結果如下：默認的登錄頁(yè)面
默認的皮膚頁(yè)面設置
第二種狀態(tài)，即菜單在右邊的狀態(tài)
菜單在右的主頁(yè)面
總結：通過(guò)對Tiles應用的深入研究，我們實(shí)現在動(dòng)態(tài)更改皮膚的功能，并且也實(shí)現了皮膚的國際化功能（其實(shí)現原理與前述的國際化原理一樣）。這樣我們達到了本任務(wù)的要求。統計一下時(shí)間是6小時(shí)52分。超過(guò)統計約一個(gè)小時(shí)，其中的主要原因是原來(lái)example中有一個(gè)bug，即更改的皮膚必須要按刷新按鈕才能實(shí)現，大約花了一個(gè)多小時(shí)來(lái)查出這個(gè)bug，并修正了這個(gè)bug。通過(guò)上面的配置內容可見(jiàn)，模板的可繼承以及嵌套的功能給我們的設計帶來(lái)了極大的方便。同時(shí)menu的設計也帶來(lái)很多益處。當然，我們還沒(méi)有實(shí)現跟據用戶(hù)的設置來(lái)實(shí)現每次進(jìn)入的時(shí)候風(fēng)格相同。這將在下一個(gè)任務(wù)中實(shí)現。這個(gè)任務(wù)的源代碼如下
下載紫龍，于10/11/2003 20:23:43
