簡單介紹 不必關心鏈接！不必關心請求(http request)到了哪裡！不必關心響應(http response)要轉向哪裡！Tapestry構建於底層的request-resonse模式，基於Servlet技術，抽象出面向組件開發的模型。Tapestry關心的是：頁面、組件、事件、對象、方法、屬性!
安裝jar包 1、
將Tapestry解壓目錄下的lib目錄中的jar包拷貝到WEB-INF/lib目錄。
並將重復的包刪除（commons-logging.jar/javassist.jar/ognl-2.6.11.jar）
2、
在web.xml中添加：
代碼如下：
<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頁面的顯示，所有的請求，都會被發送到這個Servlet上。
實例1：最簡單的Tapestry程序
在WebRoot下添加Home.html
代碼如下：
<!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>
並訪問網址：
http://localhost:8088/[context path]/app
結果頁面顯示Home.html裡面的內容。
這是因為Tapestry總是會包含一個名字叫”Home”的頁面，默認情況下就是根路徑下的Home.html
實例2：添加簡單的動態內容
Home.html改為：
代碼如下：
<!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程序
現在時間是：<span jwcid="@Insert" value="ognl:new java.util.Date()"> </span>
</body>
</html>
重新訪問網址：http://localhost:8088/[context path]/app
在這個頁面上，用到了Tapestry的Insert組件（Component）。它帶一個參數，通過一個ognl表達式來傳遞。
在應用服務器的啟動參數中添加：-Dorg.apache.tapestry.disable-caching=true，可以避免每次修改頁面模板的時候重啟服務器。
jwc = Java Web Component
實例3：創建鏈接，指向某個頁面
代碼如下：
<!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程序
現在時間是：<span jwcid="@Insert" value="ognl:new java.util.Date()"></span>
<p>
<a href="#" jwcid="@PageLink" page="Home">刷新</a>
</body>
</html>
這次，通過一個PageLink組件，指向Home頁面，PageLink組件會自動產生指向Home頁面的鏈接（我們不必關心這個鏈接！）。
實例4：簡單的計數器
直到現在為止，我們還沒有涉及到java類，但是已經讓Tapestry成功運行起來了！該是寫點java代碼的時候了。我們想要創建一個計數器，每當用戶點擊“計數器增1”的時候，我們將這個計數器加1，然後在頁面上顯示出這個結果。
在傳統的請求-響應模式中，我們針對這個問題，需要考慮的是：遞交一個請求，創建相應的Action來接收這個請求，並維護計數器的值，然後決定成功轉向的頁面，將結果顯示在頁面上。
在Tapestry中，我們需要考慮的是：在哪個頁面處理這個事件，結果如何顯示在頁面上？
下面是Home.html
代碼如下：
<!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程序
現在時間是：<span jwcid="@Insert" value="ognl:new java.util.Date()"></span>
<p>
<a href="#" jwcid="@PageLink" page="Home">刷新</a>
<p>
計數器當前的值是：<span jwcid="@Insert" value="ognl:counter"></span>
<a href="#" jwcid="@DirectLink" listener="listener:doClick">計數器增1</a>
</body>
</html>
DirectLink指定的listener為：doClick，這將觸發一個事件，實際上就是將要調用doClick()方法。
doClick()方法將要寫在哪裡？因為現在的頁面，其動態數據無法簡單獲得，所以，必須給當前頁面創建一個對應的類，我們的方法將創建在這個類裡面。
代碼如下：
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
代碼如下：
<?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了解如何關聯頁面和頁面類。
實例5：帶一個參數的計數器
Home.html改為：
代碼如下：
<!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程序
現在時間是：<span jwcid="@Insert" value="ognl:new java.util.Date()"></span>
<p>
<a href="#" jwcid="@PageLink" page="Home">刷新</a>
<p>
計數器當前的值是：<span jwcid="@Insert" value="ognl:counter"></span>
<a href="#" jwcid="@DirectLink" listener="listener:doClick" parameters="ognl:1">計數器增1</a> <br>
<a href="#" jwcid="@DirectLink" listener="listener:doClick" parameters="ognl:5">計數器增5</a> <br>
<a href="#" jwcid="@DirectLink" listener="listener:doClick" parameters="ognl:10">計數器增10</a> <br>
<a href="#" jwcid="@DirectLink" listener="listener:clearCounter">清空計數器</a>
</body>
</html>
