使用GWT開發AJAX應用程式

一、 引言

如果你是一個Java軟體和Ajax開發人員，那麼，Google Web Toolkit（GWT）應該已經引起你的關注。

Google公司已經於2006年5月在Apache許可協議下發布了這種免費的開發套件。GWT的設計目的是為了簡化用Java語言開發Ajax應用程式。Google初始發行的beta版本可以適用於Windows和Linux平台，並確保稍後要發行一個Mac OS X版本。

本文將探討在Mac OS X上使用GWT和熟悉的Java工具，例如Apache Ant，Tomcat 5.0 servlet容器和IntelliJ IDEA整合式開發環境開發一個簡單的Ajax應用程式的完整過程。

注 本文假定讀者具有一定的Java和Ant使用基礎。

二、 與GWT一起使用Ant

我下載的是GWT的Linux beta版本，並選用Java開發應用程式，然後使用一個Ant構建檔案進行編譯，最後在一個Tomcat 5.0執行個體上發布該應用程式。注意，這個Ant檔案啟動並執行是GWT Java-to-JavaScript編譯器。其實，這個“編譯器”只是一個執行一個GWT Java類的命令列指令碼，該Java類負責為應用程式編寫JavaScript。

使用GWT beta包括兩種開發方式：主機方式和web方式。

主機方式是使用一個嵌入式的GWT瀏覽器和中間開發步驟；在這個方式中，你的編譯代碼繼續運行於一個Java虛擬機器(JVM)中。然而，主機方式無法應用於我們這些使用Linux版本作業系統的Mac OS X使用者。只有Google發行了一個Mac OS X版本，我們才可以使用主機方式。

三、 不同風格的Web開發

在建立遠端程序呼叫(RPC)服務的同時，本文將詳細討論一些典型的GWT開發人員可能面對的web開發有關的任務。RPC是一個軟體模型的一部分，主要為使用面向服務的架構（SOA）的應用程式而設計。這些開發工作單位包括：

· 使用一個構建檔案(構建運行GWT編譯器，然後發布編譯器的輸出，並且把你的伺服器端的Java類檔案發布到一個servlet容器，例如Tomcat，Jetty或Resin)來自動化開發和發布步驟。

· 使用Firefox的DOM Inspector來觀察由該GWT應用程式產生的HTML。

· 重新設定頁面中的各組件而不必存取內在的HTML(既然你在使用GWT的Java API)。

· 確保HTML是有效標記，例如，你的組織可能需要基於一個特別的XHTML文件類型。

四、 服務功能

首先，我將簡短描述本文應用程式範例要建立的服務，設計這個樣本是為了展示GWT使用的模型。

該應用程式在瀏覽器中顯示一個表單，要求使用者輸入他們的姓名、年齡和原籍國家。當使用者通過點按按鈕提交表單時，該應用程式在一個文本域中顯示一個伺服器響應，而不必初始化一個頁面重新整理。圖1顯示了在Safari瀏覽器中該應用程式看上去的樣子。

圖1.一個由GWT產生的簡單視圖

例如，當使用者保留一個文字框為空白而點擊OK，Submit按鈕時將顯示出圖2所示結果。

圖2:該應用程式用紅色顯示一條錯誤訊息