快捷導(dǎo)航

java Tapestry4.1.2入門說明教程第1/2頁

更新時間：2008年11月06日 19:51:14 作者：

不必關(guān)心鏈接！不必關(guān)心請求(http request)到了哪里！不必關(guān)心響應(yīng)(http response)要轉(zhuǎn)向哪里！Tapestry構(gòu)建于底層的request-resonse模式，基于Servlet技術(shù)，抽象出面向組件開發(fā)的模型。Tapestry關(guān)心的是：頁面、組件、事件、對象、方法、屬性!

簡單介紹
不必關(guān)心鏈接！不必關(guān)心請求(http request)到了哪里！不必關(guān)心響應(yīng)(http response)要轉(zhuǎn)向哪里！Tapestry構(gòu)建于底層的request-resonse模式，基于Servlet技術(shù)，抽象出面向組件開發(fā)的模型。Tapestry關(guān)心的是：頁面、組件、事件、對象、方法、屬性!
安裝jar包
1、
將Tapestry解壓目錄下的lib目錄中的jar包拷貝到WEB-INF/lib目錄。
并將重復(fù)的包刪除（commons-logging.jar/javassist.jar/ognl-2.6.11.jar）
2、
在web.xml中添加：

復(fù)制代碼代碼如下:

<servlet> 
<servlet-name>app</servlet-name> 
<servlet-class>org.apache.tapestry.ApplicationServlet</servlet-class> 
<load-on-startup>0</load-on-startup> 
</servlet> 
<servlet-mapping> 
<servlet-name>app</servlet-name> 
<url-pattern>/app</url-pattern> 
</servlet-mapping> 

這是Tapestry的中央控制器。Tapestry頁面的顯示，所有的請求，都會被發(fā)送到這個Servlet上。
實例1：最簡單的Tapestry程序
在WebRoot下添加Home.html

復(fù)制代碼代碼如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=GB18030"> 
<title>Insert title here</title> 
</head> 
<body>
第一個Tapestry程序 
</body> 
</html> 

并訪問網(wǎng)址：
http://localhost:8088/[context path]/app
結(jié)果頁面顯示Home.html里面的內(nèi)容。
這是因為Tapestry總是會包含一個名字叫”Home”的頁面，默認(rèn)情況下就是根路徑下的Home.html
實例2：添加簡單的動態(tài)內(nèi)容
Home.html改為：

復(fù)制代碼代碼如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=GB18030"> 
<title>Insert title here</title> 
</head> 
<body> 
第一個Tapestry程序 
現(xiàn)在時間是：<span jwcid="@Insert" value="ognl:new java.util.Date()"> </span> 
</body> 
</html>

重新訪問網(wǎng)址：http://localhost:8088/[context path]/app
在這個頁面上，用到了Tapestry的Insert組件（Component）。它帶一個參數(shù)，通過一個ognl表達(dá)式來傳遞。
在應(yīng)用服務(wù)器的啟動參數(shù)中添加：-Dorg.apache.tapestry.disable-caching=true，可以避免每次修改頁面模板的時候重啟服務(wù)器。
jwc = Java Web Component
實例3：創(chuàng)建鏈接，指向某個頁面

復(fù)制代碼代碼如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=GB18030"> 
<title>Insert title here</title> 
</head> 
<body> 
第一個Tapestry程序 
現(xiàn)在時間是：<span jwcid="@Insert" value="ognl:new java.util.Date()"></span> 
<p> 
<a href="#" jwcid="@PageLink" page="Home">刷新</a> 
</body> 
</html> 

這次，通過一個PageLink組件，指向Home頁面，PageLink組件會自動產(chǎn)生指向Home頁面的鏈接（我們不必關(guān)心這個鏈接?。?
實例4：簡單的計數(shù)器
直到現(xiàn)在為止，我們還沒有涉及到j(luò)ava類，但是已經(jīng)讓Tapestry成功運行起來了！該是寫點java代碼的時候了。我們想要創(chuàng)建一個計數(shù)器，每當(dāng)用戶點擊“計數(shù)器增1”的時候，我們將這個計數(shù)器加1，然后在頁面上顯示出這個結(jié)果。
在傳統(tǒng)的請求-響應(yīng)模式中，我們針對這個問題，需要考慮的是：遞交一個請求，創(chuàng)建相應(yīng)的Action來接收這個請求，并維護(hù)計數(shù)器的值，然后決定成功轉(zhuǎn)向的頁面，將結(jié)果顯示在頁面上。
在Tapestry中，我們需要考慮的是：在哪個頁面處理這個事件，結(jié)果如何顯示在頁面上？
下面是Home.html

復(fù)制代碼代碼如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=GB18030"> 
<title>Insert title here</title> 
</head> 
<body> 
第一個Tapestry程序 
現(xiàn)在時間是：<span jwcid="@Insert" value="ognl:new java.util.Date()"></span> 
<p> 
<a href="#" jwcid="@PageLink" page="Home">刷新</a> 
<p> 
計數(shù)器當(dāng)前的值是：<span jwcid="@Insert" value="ognl:counter"></span> 
<a href="#" jwcid="@DirectLink" listener="listener:doClick">計數(shù)器增1</a> 
</body> 
</html> 

DirectLink指定的listener為：doClick，這將觸發(fā)一個事件，實際上就是將要調(diào)用doClick()方法。
doClick()方法將要寫在哪里？因為現(xiàn)在的頁面，其動態(tài)數(shù)據(jù)無法簡單獲得，所以，必須給當(dāng)前頁面創(chuàng)建一個對應(yīng)的類，我們的方法將創(chuàng)建在這個類里面。

復(fù)制代碼代碼如下:

package com.bjsxt.crm.web.tapestry.test; 
import org.apache.tapestry.annotations.Persist; 
import org.apache.tapestry.html.BasePage; 
public abstract class Home extends BasePage { 
@Persist 
public abstract int getCounter(); 
public abstract void setCounter(int count); 
public void doClick(){ 
int counter = getCounter(); 
counter = counter + 1; 
setCounter(counter); 
} 
} 

注意：在這個例子中，類名需定義為Home；listener的名字為doClick，而不是doClick()
另外，需要在web-inf目錄下添加配置文件：app.application

復(fù)制代碼代碼如下:

<?xml version="1.0"?> 
<!DOCTYPE application PUBLIC 
"-//Apache Software Foundation//Tapestry Specification 4.0//EN" 
"http://tapestry.apache.org/dtd/Tapestry_4_0.dtd"> 
<application> 
<meta key="org.apache.tapestry.page-class-packages" value="com.bjsxt.crm.web.tapestry.test"/> 
</application>

配置的主要目的是讓Tapestry了解如何關(guān)聯(lián)頁面和頁面類。
實例5：帶一個參數(shù)的計數(shù)器
Home.html改為：

復(fù)制代碼代碼如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=GB18030"> 
<title>Insert title here</title> 
</head> 
<body> 
第一個Tapestry程序 
現(xiàn)在時間是：<span jwcid="@Insert" value="ognl:new java.util.Date()"></span> 
<p> 
<a href="#" jwcid="@PageLink" page="Home">刷新</a> 
<p> 
計數(shù)器當(dāng)前的值是：<span jwcid="@Insert" value="ognl:counter"></span> 
<a href="#" jwcid="@DirectLink" listener="listener:doClick" parameters="ognl:1">計數(shù)器增1</a> <br> 
<a href="#" jwcid="@DirectLink" listener="listener:doClick" parameters="ognl:5">計數(shù)器增5</a> <br> 
<a href="#" jwcid="@DirectLink" listener="listener:doClick" parameters="ognl:10">計數(shù)器增10</a> <br> 
<a href="#" jwcid="@DirectLink" listener="listener:clearCounter">清空計數(shù)器</a> 
</body> 
</html>