探索 Eclipse 的 Ajax Toolkit Framework

2007 年 1 月 22 日

Ajax Toolkit Framework（ATF）是新的 Open Ajax Initiative 的核心部分，旨在通過 Eclipse Foundation 提高對功能強大的 Web 編程技術的可訪問性。通過爲各種開源 Ajax 工具包（包括 Dojo、Zimbra 和 Rico）添加 Asynchronous JavaScript and XML（Ajax）開發環境，ATF 擴展了 Eclipse Web Tools Platform (WTP)。本文包括一個 HelloWorld 示例，您將在其中安裝和配置 ATF，然後使用 Eclipse 和 Dojo 來創建基本的 Web 應用程序。

本文是我在 2006 年 5 月介紹 Open Ajax Initiative 的標題爲 “將 Ajax 帶入 Eclipse 的 Ajax Toolkit Framework 的兩個工具” 的文章和近期的 ATF（請參閱參考資料）的後續延展。從那時到現在，項目已從當初的宣佈發行到 alphaWorks 版本再到現在的 Eclipse 項目發佈的V0.1 版本。

ATF 位於 Eclipse WTP 的頂部，WTP 在 Web 開發社區中使用得十分廣泛。WTP 通過添加用於開發 Java™ 2 Platform，Enterprise Edition (J2EE) Web 應用程序的工具擴展了 Eclipse。

ATF 通過爲各種開發源碼的 Ajax 工具包（包括 Dojo、Zimbra 和 Rico）添加 Ajax 開發環境擴展了 WTP。它增強了 JavaScript 編輯功能，提供了 edit-time 語法檢查、文檔對象模型（Document Object Model，DOM）和層疊樣式表（Cascading Style Sheet，CSS）Inspector 和集成 Mozilla 瀏覽器。ATF 允許開發人員使用 Eclipse 作爲開源工具包所需的企業級集成開發環境（IDE）。ATF 背後的 Open Ajax Initiative 的目標是提高對 Ajax 的可訪問性，Ajax 正在迅速流行開來，但是對於新的開發人員來說概念還是很晦澀難懂。

本文使用 Eclipse、ATF 和 Dojo 將 ATF 的安裝步驟和創建示例 Ajax 應用程序緊密聯繫在一起。“將 Ajax 帶入 Eclipse 的 Ajax Toolkit Framework 的兩個工具” 介紹了 Dojo 和 Zimbra，並且先提供了 “Hello World!” 示例，然後提供了用 ATF 將 Dojo 集成到 Eclipse 中的方法。本文利用了 V0.1 版來創建類似的項目，並且更加簡單。

啓動之前，請先閱讀在 Microsoft® Windows® 下安裝的快速說明（有關詳細信息和下載，請參閱參考資料）。如果尚未使用 Eclipse，請下載 J2EE 項目包，其中包括 Core Eclipse V3.2.1 和 Eclipse WTP（使用 ATF 時要求使用 WTP）。如果尚未安裝和使用 Eclipse，這是滿足 ATF 基本要求的最簡單方法。

要開始使用 ATF，請執行以下操作：

從 Eclipse.org 下載 ATF 的最新版本。本文是基於 V0.1 版 (0.1-20060912)。在下載並安裝以下所有必需的組件之前，請先不要安裝。
下載 Java Runtime Environment (JRE) V1.4.2，它在當前的 V0.1 版中是必需的。Sun Microsystems 或 IBM® 版本都可以使用。
下載 Apache Tomcat V5 用作本地 Web 服務器和 XULRunner，用於幫助 Eclipse 建立與 Mozilla 的接口（請參閱參考資料）。
安裝 XULRunner、JRE，然後安裝 Tomcat V5。
注：Tomcat V5 更傾向於使用 JRE V5，因此還可能需要下載它，以避免特殊的 Tomcat 安裝指導。
安裝 Eclipse（如果系統中沒有安裝的話）。

安裝了 Eclipse 之後，您就可以準備安裝 ATF 了。有關詳細的安裝細節，請參閱參考資料。

要將 ATF 安裝到 Eclipse 中，請打開 Eclipse，然後單擊 Help > Software Updates > Find and Install > Search for New Features to Install > New Archived Site。然後選擇包含 ATF 的壓縮文件。通過安裝屏幕的提示指導您完成安裝，其間應當確保選擇所有 ATF 組件。確保仔細閱讀 ATF Download 信息。一些 ATF 版本（包括 V0.1）包含特殊安裝說明，末尾介紹瞭如何安裝附加文件。

現在您已經準備好構建第一個 Dojo 應用程序。開始先創建一個新項目。參考資料包含一個指向 flash 動畫的鏈接，該動畫將演示此過程的初始步驟，但是您將越過此進程創建一個互動的 HelloWorld 應用程序。新項目打開後，請完成以下步驟：

打開 Eclipse，然後單擊 File > New > Project。
單擊 Web > Static Web Project，然後單擊 Next。
在 Project name 字段中鍵入 HelloWorld，然後單擊 Target Runtime 下方的 New。此名稱將是整個項目的封閉名稱，可以在其中包括與所選名稱同名的子文件夾和 Web 應用程序。
單擊 HTTP > HTTP Server，然後單擊 Next。在此步驟中，您將告訴 Eclipse 需要使用本地 HTTP 服務器作爲運行時目標。這就是安裝步驟過程中必須安裝 Tomcat V5（或其他支持 HTTP 的服務器）的原因，允許您在本地分析 Eclipse 內應用程序行爲。
爲本地 HTTP 服務器鍵入正確的端口（可能 80 或 8080），然後鍵入希望用於應用程序的目錄的名稱。
選擇 Publish Projects to this Server，然後單擊 Browse 以選擇本地 Web 目錄。該示例在我的系統中的路徑是 C:/Program Files/Apache Software Foundation/Tomcat 5.5/webapps/ROOT/helloworld。您可能需要創建 helloworld 目錄，但父目錄可能已經存在了。
單擊 Finish。
單擊 Next，然後單擊 ATF > Dojo。
取消選中 Rico 複選框，然後單擊 Finish。此步驟將按照使用 Dojo Toolkit 開發 Ajax 應用程序的所有必要要求來設置項目。