利用IBM Web 2.0 Feature Pack建立Ajax風格的架構

本文展示了如何藉助 IBM® WebSphere® Application Server Feature Pack for Web 2.0 以 Ajax 風格的架構增強 Java™ 2 Platform, Enterprise Edition (J2EE) 應用程式。瞭解如何在不重寫整個 Web 應用程式的情況下，將 Ajax 風格的架構與現有的應用程式結合起來。此外，您還會瞭解如何將 Web 2.0 Feature Pack 應用到面向 IBM WebSphere Application Server 的 J2EE 應用程式中。

“Plants by WebSphere” 應用程式是隨 IBM WebSphere Application Server Feature Pack for Web 2.0 提供的諸多樣本程式中的一個。此應用程式示範了一個典型的 J2EE 應用程式以及如何在不重寫整個應用程式的前提下用 Ajax 風格的架構對其進行增強。此應用程式範例虛擬了一個線上植物商店，在該商店中，顧客可以訂購和購買鮮花、樹、植物和其他附件。圖 1 展示了此 Web 應用程式的首頁：

圖 1：Plants by WebSphere Web 應用程式

圖 2 展示了此應用程式在添加 Ajax 風格特性之前的最初架構。該架構的設計初衷是為了代表一種典型的運行於 WebSphere Application Server 上的 J2EE 應用程式。在高層，此應用程式遵從的是一種 Model-View-Controller (MVC) 設計模式，這也是很多 Web 應用程式都不同程度採用的模式。瀏覽器訪問該應用程式的 URL，並返回一個由 JSP 呈現的 HTML 頁面。瀏覽器向該應用程式發出額外請求，servlet 用來控制由使用者購買請求驅動的流程。Enterprise JavaBeans (EJB) 則用來服務於資料庫上可用的模型資料。

圖 2：典型的 Web 架構

如下所示的 圖 3 顯示了應用程式的最初架構是如何使用 Ajax 擴充的。其目的是不重寫應用程式，只利用 IBM Feature Pack 內的技術來改善和建立更加互動的豐富使用者體驗。

在瀏覽器端，應用程式使用 JavaScript Dojo Toolkit 提供的小組件。此外，建立定製使用者介面小組件是為了提高 Plants by WebSphere 的互動性，而同時又不重寫它。定製使用者介面小組件是非同步，這意味著它們使用受 Dojo Toolkit 支援的瀏覽器的 XHR 機制進行通訊。這些小組件使用一種 XML 交換格式來與伺服器交換資料。在伺服器端，隨 Feature Pack 提供的 RPCAdapter 被用來將 EJB 資料轉換成 XML 交換格式，這種格式極易由瀏覽器上新建立的小組件使用。