📄 入門 26 - 使用xml管理tile配置資源 - javaworld@tw.htm
字号:
</body>
</html></PRE></DIV></DIV><BR> 這個版面配置網頁中主要使用表格來切割版面，Tiles標籤可以從attribute屬性得知對應於XML定義檔的真正JSP頁面，例如header將被實際取代為header.jsp的內容，您可以自行完成其它的JSP頁面內容。<BR> 接下我們可以開始使用定義好的版面配置，例如在welcome.jsp中如下撰寫：
<DIV class=code
style="BORDER-TOP-STYLE: solid; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid; BORDER-BOTTOM-STYLE: solid">
<DIV class=codeHeader
style="BORDER-BOTTOM-STYLE: solid"><B>welcome.jsp</B></DIV>
<DIV class=codeContent><PRE><%@page contentType=<SPAN class=java-quote>"text/html; charset=big5"</SPAN>%>
<%@taglib prefix=<SPAN class=java-quote>"tiles"</SPAN> uri=<SPAN class=java-quote>"/tags/struts-tiles"</SPAN>%>
<tiles:insert definition=<SPAN class=java-quote>".myLayout"</SPAN> flush=<SPAN class=java-quote>"<SPAN class=java-keyword>true</SPAN>"</SPAN>/></PRE></DIV></DIV><BR> 我們在<tiles:insert>標籤中指定我們將使用.myLayout的版面配置定義，如果您連上welcome.jsp，則實際上您會看到以下的內容：
<DIV class=code
style="BORDER-TOP-STYLE: solid; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid; BORDER-BOTTOM-STYLE: solid">
<DIV class=codeContent><PRE><html>
<head><title>Tiles範例</title></head>
<body>
<table border=<SPAN class=java-quote>"0"</SPAN> width=<SPAN class=java-quote>"100%"</SPAN> cellspacing=<SPAN class=java-quote>"5"</SPAN>>
<tr>
<td colspan=<SPAN class=java-quote>"2"</SPAN>>
<center><h1>Tiles測試範例<h1>
</td>
<tr>
<tr>
<td width=<SPAN class=java-quote>"140"</SPAN> valign=<SPAN class=java-quote>"top"</SPAN>>
選單一<br>
選單二<br>
選單三<br>
</td>
<td valign=<SPAN class=java-quote>"top"</SPAN> align=<SPAN class=java-quote>"left"</SPAN>>
Tiles提供一個類似於視窗程式版面管理的機制。
</td>
</tr>
<tr>
<td colspan=<SPAN class=java-quote>"2"</SPAN>>
<center>版權所有(c) http:<SPAN class=java-comment>//www.caterpillar.onlyfun.net/phpBB2/</SPAN>
</td>
</tr>
</table>
</body>
</html></PRE></DIV></DIV>
<P
class=paragraph></P> 如果您將來要改變版面配置的方式，您可以直接修改tiles-defs.xml中path所指向的Layout頁面，就如同您在視窗程式中改變版面管理員一樣，如果您要修改指向的內容網頁，也只要更改tiles-defs.xml中相對應的設定，所有的更改集中於Tiles設定檔中加以管理，達到將版面配置與內容分離的目的。<BR> 您可以擴充某個定義，重新定義當中所管理的頁面資源，一個例子如下：
<DIV class=code
style="BORDER-TOP-STYLE: solid; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid; BORDER-BOTTOM-STYLE: solid">
<DIV class=codeHeader
style="BORDER-BOTTOM-STYLE: solid"><B>tiles-defs.xml</B></DIV>
<DIV class=codeContent><PRE><?xml version=<SPAN class=java-quote>"1.0"</SPAN> encoding=<SPAN class=java-quote>"big5"</SPAN> ?>
<!DOCTYPE tiles-definitions PUBLIC
<SPAN class=java-quote>"-<SPAN class=java-comment>//Apache Software Foundation//DTD Tiles Configuration 1.1//EN"</SPAN></SPAN>
<SPAN class=java-quote>"http:<SPAN class=java-comment>//jakarta.apache.org/struts/dtds/tiles-config_1_1.dtd"</SPAN>></SPAN>
<tiles-definitions>
<definition name=<SPAN class=java-quote>".myLayout"</SPAN> path=<SPAN class=java-quote>"/tiles/myLayout.jsp"</SPAN>>
<put name=<SPAN class=java-quote>"title"</SPAN> value=<SPAN class=java-quote>"Tiles範例"</SPAN> />
<put name=<SPAN class=java-quote>"header"</SPAN> value=<SPAN class=java-quote>"/tiles/header.jsp"</SPAN> />
<put name=<SPAN class=java-quote>"menu"</SPAN> value=<SPAN class=java-quote>"/tiles/menu.jsp"</SPAN> />
<put name=<SPAN class=java-quote>"footer"</SPAN> value=<SPAN class=java-quote>"/tiles/footer.jsp"</SPAN> />
<put name=<SPAN class=java-quote>"body"</SPAN> value=<SPAN class=java-quote>"/tiles/body.jsp"</SPAN> />
</definition>
<definition name=<SPAN class=java-quote>".myLayout2"</SPAN> <SPAN class=java-keyword>extends</SPAN>=<SPAN class=java-quote>".myLayout"</SPAN>>
<put name=<SPAN class=java-quote>"title"</SPAN> value=<SPAN class=java-quote>"Tiles範例二"</SPAN> />
<put name=<SPAN class=java-quote>"header"</SPAN> value=<SPAN class=java-quote>"/tiles/header2.jsp"</SPAN> />
</definition>
</tiles-definitions></PRE></DIV></DIV><BR> 在上面的定義中，.myLayout2擴充自.myLayout，並重新定義了title與header兩個屬性，其它未重新定義的屬性將直接繼承自.myLayout。
<!-- page content ends --><!--<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"><rdf:Description rdf:about="http://www.javaworld.com.tw/confluence/pages/viewpage.action?pageId=632" dc:identifier="http://www.javaworld.com.tw/confluence/pages/viewpage.action?pageId=632" dc:title="入門 26 - 使用XML管理Tile配置資源" trackback:ping="http://www.javaworld.com.tw/confluence/rpc/trackback/632"/></rdf:RDF>-->
<P>
<DIV class=greybox><IMG height=16
src="入門 26 - 使用XML管理Tile配置資源 - JAVAWORLD@TW.files/comment_16.gif"
width=16 align=absMiddle border=0> <A
href="http://www.javaworld.com.tw/confluence/pages/viewpage.action?pageId=632&showComments=true#comments">1
comment</A> | <A
href="http://www.javaworld.com.tw/confluence/pages/viewpage.action?pageId=632&showComments=true#addcomment"><IMG
height=16
src="入門 26 - 使用XML管理Tile配置資源 - JAVAWORLD@TW.files/add_comment_16.gif"
width=16 align=absMiddle border=0></A> <A
href="http://www.javaworld.com.tw/confluence/pages/viewpage.action?pageId=632&showComments=true#addcomment">Add
Comment</A> </DIV></TD>
<TD width=5> </TD>
<TD vAlign=top width="25%">
<DIV class=navmenu>
<DIV class=menuheading>Page Operations</DIV>
<DIV class=menuitems>
<DIV class=operations>
<UL>
<LI><A accessKey=i
href="http://www.javaworld.com.tw/confluence/pages/pageinfo.action?pageId=632"><IMG
title="Page Information" height=16
src="入門 26 - 使用XML管理Tile配置資源 - JAVAWORLD@TW.files/about_16.gif"
width=16 align=absMiddle border=0></A><SPAN class=label> <A
href="http://www.javaworld.com.tw/confluence/pages/pageinfo.action?pageId=632">Page
Information</A></SPAN>
<LI><A
href="http://www.javaworld.com.tw/confluence/pages/viewpreviousversions.action?pageId=632"><IMG
title="Page History" height=16
src="入門 26 - 使用XML管理Tile配置資源 - JAVAWORLD@TW.files/history_16.gif"
width=16 align=absMiddle border=0></A><SPAN class=label> <A
href="http://www.javaworld.com.tw/confluence/pages/viewpreviousversions.action?pageId=632">Page
History</A></SPAN> </LI></UL>
<UL>
<LI><A
href="http://www.javaworld.com.tw/confluence/display/opensrc/Home"><IMG
title="Space Homepage" height=16
src="入門 26 - 使用XML管理Tile配置資源 - JAVAWORLD@TW.files/home_16.gif"
width=16 align=absMiddle border=0></A><SPAN class=label> <A
href="http://www.javaworld.com.tw/confluence/display/opensrc/Home">Space
Homepage</A></SPAN>
<LI><A
href="http://www.javaworld.com.tw/confluence/spaces/viewspacesummary.action?key=opensrc"><IMG
title="Space Summary" height=16
src="入門 26 - 使用XML管理Tile配置資源 - JAVAWORLD@TW.files/web_16.gif"
width=16 align=absMiddle border=0></A><SPAN class=label> <A
href="http://www.javaworld.com.tw/confluence/spaces/viewspacesummary.action?key=opensrc">Space
Summary</A></SPAN> </LI></UL></DIV>
<P>
<DIV class=infopanel-heading>Incoming Links: <SPAN
class=smallfont>(<A
href="http://www.javaworld.com.tw/confluence/pages/pageinfo.action?pageId=632#incoming">more</A>)</SPAN>
</DIV><IMG title=Struts入門 height=16
src="入門 26 - 使用XML管理Tile配置資源 - JAVAWORLD@TW.files/docs_16.gif"
width=16 align=absMiddle border=0> <A
href="http://www.javaworld.com.tw/confluence/pages/viewpage.action?pageId=1958">Struts入門</A>
<BR>
<P></P>
<P>
<DIV class=infopanel-heading>Hot Referrers: <SPAN
class=smallfont>(<A
href="http://www.javaworld.com.tw/confluence/pages/pageinfo.action?pageId=632#referers">more</A>)</SPAN>
</DIV><SPAN class=smallerfont><A
title=http://140.138.150.106/confluence/pages/viewpage.action?pageId=632
href="http://140.138.150.106/confluence/pages/viewpage.action?pageId=632">140.138.150.106/confluence/pa...</A>
(28) <BR><A
title=http://www.jsptw.com/confluence/pages/viewpage.action?pageId=1958
href="http://www.jsptw.com/confluence/pages/viewpage.action?pageId=1958">http://www.jsptw.com/confluence/pages/viewpage.action?pageId=1958</A>
(11) <BR><A
title=http://140.138.150.106/confluence/pages/viewpage.action?pageId=632&showComments=true
href="http://140.138.150.106/confluence/pages/viewpage.action?pageId=632&showComments=true">140.138.150.106/confluence/pa...</A>
(7) <BR><A
title=http://140.138.150.106/confluence/pages/viewpage.action?pageId=1958
href="http://140.138.150.106/confluence/pages/viewpage.action?pageId=1958">140.138.150.106/confluence/pa...</A>
(7) <BR><A
title=http://140.138.150.106/confluence/pages/viewpage.action?pageId=632&showComments=false
href="http://140.138.150.106/confluence/pages/viewpage.action?pageId=632&showComments=false">140.138.150.106/confluence/pa...</A>
(6) <BR><A
title=http://javaworld.com.tw/confluence/pages/viewpage.action?pageId=1958
href="http://javaworld.com.tw/confluence/pages/viewpage.action?pageId=1958">javaworld.com.tw/confluence/p...</A>
(4) <BR><A
title=http://www.google.com/search?sourceid=navclient&hl=zh-CN&ie=UTF-8&rls=RNWF,RNWF:2005-05,RNWF:zh-CN&q=tiles%2Ddefs%2Exml
href="http://www.google.com/search?sourceid=navclient&hl=zh-CN&ie=UTF-8&rls=RNWF,RNWF:2005-05,RNWF:zh-CN&q=tiles%2Ddefs%2Exml">Google:
tiles-defs.xml</A> (4) <BR><A
title=http://www.jsptw.com/confluence/display/opensrc/Struts
href="http://www.jsptw.com/confluence/display/opensrc/Struts">http://www.jsptw.com/confluence/display/opensrc/Struts</A>
(3) <BR><A
title=http://www.google.com/search?hl=zh-CN&newwindow=1&q=xml%E7%AE%A1%E7%90%86&btnG=%E6%90%9C%E7%B4%A2&lr=lang_zh-CN%7Clang_zh-TW
href="http://www.google.com/search?hl=zh-CN&newwindow=1&q=xml%E7%AE%A1%E7%90%86&btnG=%E6%90%9C%E7%B4%A2&lr=lang_zh-CN%7Clang_zh-TW">Google:
xml管ç</A> (2) <BR><A
title=http://www.google.com.tw/search?hl=zh-TW&q=struts+attribute&btnG=Google+%E6%90%9C%E5%B0%8B&meta=lr%3Dlang_zh-TW
href="http://www.google.com.tw/search?hl=zh-TW&q=struts+attribute&btnG=Google+%E6%90%9C%E5%B0%8B&meta=lr%3Dlang_zh-TW">Google:
struts attribute</A> (2) <BR></SPAN>
<P></P></DIV></DIV>
<DIV></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>
<DIV class=license-nonprofit>This site is running on Atlassian <B><A
href="http://www.atlassian.com/c/conf/10137">Confluence</A></B> with a free
<B>Open Source Project / Non-profit License</B> (<A
href="http://www.atlassian.com/c/conf/10138">license details</A>).<BR><A
href="http://www.atlassian.com/c/conf/10137">Confluence</A> is professional
wiki, blog and knowledge management tool. <A
href="http://www.atlassian.com/c/conf/10137">Evaluate Confluence for your
organisation</A>.<BR></DIV>
<DIV class=bottomshadow></DIV>
<DIV class=smalltext id=poweredby>Powered by <A class=smalltext
href="http://www.atlassian.com/software/confluence/default.jsp?clicked=footer">Atlassian
Confluence</A> (Version: 1.3.5 Build:#122 Mar 01, 2005) - <A class=smalltext
href="http://jira.atlassian.com/secure/BrowseProject.jspa?id=10470">Bug/feature
request</A> - <A
href="http://www.javaworld.com.tw/confluence/administrators.action">Contact
Administrators</A> <BR></DIV></BODY></HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -