袁紅崗：Ajax，只是一種過渡技術

    摘要：Ajax其實是一種新瓶裝舊酒的過渡技術，相信在未來一到兩年之內將被新的技術所代替，它解決問題的方法與手段很難形成一種可高度抽象的架構級解決方案，而JSF則是一種可擴充的架構級解決方案。在J2EE下一代規範Java EE 5.0中，JSF被放到了一個非常重要的地位，J2EE社區試圖通過JSF來統一Web應用的開發模式與方法。作為JCP組織成員的金蝶中介軟體，即將推出中國人作出的Apusic JSF……

1 前言

在J2EE下一代規範Java EE 5.0中，JSF(Java Server Faces)技術被放到了一個非常重要的地位。J2EE社區試圖通過JSF來統一Web應用的開發模式與方法。

相對於傳統的基於JSP/Servlet的開發模型，JSF能夠帶來許多好處，譬如：

可定製的豐富的UI組件
良好的事件響應機制
運算式語言(Expression Language)
表單資料的自動轉換與驗證
基於MVC的架構模型等等...

但同時我們也不得不看到，業界常見的JSF引擎普遍存在著一些缺陷與不足（並不是說JSF技術模型本身的局限，而是常規的實現機制所產生的一些問題），而這些不足將可能對JSF成為日後Web應用主流開發技術帶來一定的負面影響，包括：

常規的JSF實現機制，運行期效能並不是非常理想
缺少良好的工具支援

作為JCP組織成員，金蝶中介軟體對待JSF技術又是如何思考的？是否打算對JSF進行全面支援？又是通過怎樣的解決方案來克服上述不足的呢？

2 JSF與Ajax

一談到Web開發技術，就不得不提Ajax。這是目前在整個IT界都紅得發紫的概念了。在這裡我想沒必要再去闡述一遍什麼是Ajax，但我們可以對Ajax有一個基本的認識。

Ajax其實是一種新瓶裝舊酒的技術，它的好處是通過Java Script與DHTML，提供了一種非同步編程模型，從而使我們的Web應用給客戶帶來更好的人機體驗。但Ajax解決問題的層面很低；或者說，它解決問題的方法與手段，很難形成一種可高度抽象的架構級解決方案，而JSF則是一種可擴充的架構級解決方案。

事實上，我認為Ajax是一種過渡技術，相信在未來一到兩年之內將被新的技術所代替，是微軟的XAML、Mozilla的XUL、還是任何可能的RIA標準，實際上整個業界都在觀望。但不管採用什麼技術，JSF都能適應，對JSF來說適應一個新技術只是更換一個Render Kit而已。舉一個例子，如果想在網頁中實現圖表功能（Chart)，MSIE有VML，Gecko和Opera有SVG，而在伺服器端只需要簡單地判斷一下瀏覽器類型就可以選擇一個Render Kit產生不同的markup來完成相同的功能，這是用常規JSP技術很難完成的任務。

3 Apusic JSF：中國人做出的JSF引擎/

3.1 容器層級的Ajax支援

目前有JSF + Ajax這種思路的，恐怕也不是金蝶中介軟體一家，但很多第三方的JSF + Ajax實現是提供一個組件庫以及一個附加的Servlet 或Filter來處理Ajax請求，而我們是直接由JSF容器來處理Ajax請求的。我們會根據請求的類型來判斷這是一個正常的HTTP請求還是一個 Ajax請求。如果是一個常規HTTP請求就運行JSP頁面，產生頁面文檔（並且我們會在產生的頁面文檔中嵌入Ajax所必須的Java Script代碼，後文提及）；如果該請求是一個Ajax請求，伺服器對請求參數正常解碼，並執行JSF中除頁面輸出階段以外的所有其他階段，這時將產生一個JSF的組件樹，遍曆該組件樹，從中找出發生變化的資料，並將這些資料打包成一個Ajax應答，並由用戶端來更新這些修改的資料，甚至改變頁面外觀。

在JSF規範中，JSF頁面輸出階段所採用的Render Kit是可替換的，預設的HTML_BASIC Render Kit輸出的是標準的HTML文法，不包含任何Java Script代碼，Apusic JSF引擎實現了一個 AJAX Render Kit，可以在HTML文檔中嵌入Java Script代碼來實現Ajax特性，而替換Render Kit只需要修改設定檔即可。

那麼，這樣能夠帶來怎樣的好處呢？

3.2 提升JSF運行效能，帶來更好的人機體驗。

常規JSF容器在狀態維護方面的通用做法是：基於Session的，或者基於請求傳遞型的，這就意味著，當每進行一次用戶端與伺服器端的響應時，都需要把所有的狀態傳來傳去，這無疑會對系統的運行效能帶來較大的負面影響，從而使開發人員誤以為：JSF是一種重量級的技術模型。

而通過Apusic JSF的Ajax特性，我們能夠只把發生變化的資料打包成Ajax請求發送給伺服器端，而伺服器端也只會將發生變化的資料打包成Ajax應答，從而大大提升系統的運行效率。並且，傳統的JSF請求應答將重新整理整個頁面，而Apusic JSF將只更新發生變化的用戶端組件，從而給客戶帶來更好的人機體驗。

3.3 簡化Ajax的開發

以前要寫Ajax應用要寫很多Java Script代碼，開發、調試、維護這些 Script指令碼都相當煩瑣，如果採用Apusic JSF技術，你不再需要編寫任何Java Script代碼，引擎已經幫你產生了這些代碼。Apusic JSF所有的標準組件都是支援Ajax的，某些第三方組件可能本身並不支援 Ajax，但使用一個名為<ajax:renderGroup>的標籤，可以立即將這個第三方組件轉換成Ajax Enabled。例如Apache myfaces的Tomahawk項目提供了一個Tree組件，這個組件本身並不支援Ajax，每當按下一個Tree結點都將重新重新整理整個頁面，使用<ajax:renderGroup>標籤後則只重新整理Tree部分，而不重新整理頁面的其他部分。當然更好的方式是提供一個本身就支援AJAX的Tree組件，以減少冗餘資料的傳遞。

Apusic JSF還提供了一個名為<ajax:status>的標籤，可以接受在發送和完成一個Ajax請求時觸發的事件，預設的實現是在發送 Ajax請求之前顯示一個HTML片段，在完成Ajax請求之後顯示另一個HTML片段，這些HTML片段可以包含文字和圖片。更進階的用法是可以設定<ajax:status> 標籤的onstart和onstop屬性，在開始和完成Ajax請求時執行一段Java Script代碼以實現更複雜的效果。

此外，我們還實現了一個<ajax:invoke> 標籤，可以以RPC方式調用伺服器端Java對象的某個方法。

3.4 其它特性

採用Apusic JSF還包含其它一些差異化特性，包括：控制項的換膚功能，控制項對IE、Mozilla(Firefox)、Opera等多瀏覽器的支援，以及強大的布局功能等。

圖一 Windows 風格的 Apusic JSF組件與布局

 

在<圖一>中所展示的是通過Apusic JSF產生的完全基於HTML, CSS, Java Script的介面，它們和一個真正的視窗系統幾乎完全一樣，包括移動位置、改變堆疊順序、以及強制回應對話方塊等，但實際上他們都是“假”視窗。另外需要著重指出的是，這裡完全採用CSS布局，避免了舊有的依賴於HTML Table嵌套的布局方式，從而使我們的程式具有更好的可維護性。針對這樣一個介面，我們可以觀察一下具體的實現代碼，以<圖一>中的Main Window為例：

<w:window jsvar="mainWnd" label="Main Window" show="true"
   left="0" top="0" width="500" height="350"
   contentPaneStyleClass="normal-window"
   showIcon="true" showMinimize="true" showMaximize="true" showClose="true"
  onclose="window.location='index.html'">
   <h2>Main Window</h2>
   <p>
     <button onclick="createWindow()">Create Window</button>
     <button onclick="dlgTest.show()">Show Dialog</button>
   </p>
   <%@ include file="/WEB-INF/apusicjsf.inc" %>
</w:window>

我們發覺，通過Apusic JSF，實現上述UI介面其實並不複雜，只需要通過簡單的幾行代碼，就能夠完成複雜的UI介面。

Apusic JSF還支援控制項的換膚功能。以上述介面為例，我們可以查看Mac OS風格的介面樣式，二所示。

4 開發工具的支援：Apusic Studio

在JSF規範中，有這樣一句話：“JSF is designed to be tooled”。換言之，JSF規範從設計初開始，就非常強調對工具支援的依賴。幸運的是，目前對JSF提供支援的開發工具也逐漸豐富了起來，包括Oracle JDeveloper、Sun Java Studio Creator等等。金蝶中介軟體也同樣提供了一個基於Eclipse的整合式開發環境：Apusic Studio，並通過該工具，能夠給JSF的開發帶來良好的支援，包括：文法加亮、代碼輔助、斷點調試、可視化的設計等等。

圖二 Mac OS 風格的 Apusic JSF組件與布局樣本

5 參考資料

註： Apusic應用伺服器、Apusic Studio參見http://www.apusic.com

作者連結：“影響中國軟體開發的20人”袁紅崗部分（http://news.chinabyte.com/334/1760834_3.shtml）
“人物：袁紅崗，所屬公司：金蝶中介軟體公司
入選理由：最早開發Windows上的公司專屬應用程式軟體，打造獨立智慧財產權的EJB伺服器
很多JAVA程式員對袁紅崗極其佩服，源於他做了很多人不敢想更不敢做的事情，這就是他打造了國產的EJB伺服器，很快，金蝶將在國內推出自主產權EJB伺服器的3.0版本。
同時，袁紅崗還是在Windows平台上開發公司專屬應用程式軟體的最早的一批程式員，當時寫出的適合小型企業使用的財務購銷存一體化軟體KINGDEE 2.7，令IT行業對金蝶刮目相看，使金蝶一舉成名，正是這些人才奠定了中國的管理軟體的基礎。
袁紅崗將自己多年的經驗以一種樸實的風格寫出來，這些文章在網上也影響深遠。”

更多相關資訊請瀏覽袁紅崗視點專區：http://www.apusic.com/market/javaclub/yuan/