探索Eclipse的Ajax Toolkit Framework(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 版來建立類似的項目，並且更加簡單。

安裝 ATF

啟動之前，請先閱讀在 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)包含特殊安裝說明，末尾介紹了如何安裝附加檔案。

在 ATF 中構建 Dojo 應用程式

現在您已經準備好構建第一個 Dojo 應用程式。開始先建立一個新項目。新項目開啟後，請完成以下步驟：

開啟 Eclipse，然後單擊 File > New > Project。

單擊 Web > Static Web Project，然後單擊 Next。

圖 1. 選擇項目類型

在 Project name 欄位中鍵入 HelloWorld，然後單擊 Target Runtime 下方的 New。此名稱將是整個項目的封閉名稱，可以在其中包括與所選名稱同名的子檔案夾和 Web 應用程式。

圖 2. 為項目命名

單擊 HTTP > HTTP Server，然後單擊 Next。在此步驟中，您將告訴 Eclipse 需要使用本地 HTTP 伺服器作為運行時目標。這就是安裝步驟過程中必須安裝 Tomcat V5(或其他支援 HTTP 的伺服器)的原因，允許您在本地分析 Eclipse 內應用程式行為。

圖 3. 設定指向本地 HTTP 伺服器的連結

1. 為本地 HTTP 伺服器鍵入正確的連接埠可能 80 或 8080），然後鍵入希望用於應用程式的目錄的名稱。
2. 選擇 Publish Projects to this Server，然後單擊 Browse 以選擇本地 Web 目錄。該樣本在我的系統中的路徑是 C:\Program Files\Apache Software Foundation\Tomcat 5.5\webapps\ROOT\helloworld。您可能需要建立 helloworld 目錄，但父目錄可能已經存在了。
3. 單擊 Finish
   圖 4. 設定本地 HTTP 目錄
   
4. 單擊 Next，然後單擊 ATF > Dojo。
5. 取消選中 Rico 複選框，然後單擊 Finish。此步驟將按照使用 Dojo Toolkit 開發 Ajax 應用程式的所有必要要求來設定項目。
   圖 5. 啟用 Dojo Toolkit
   

上述步驟將在 Eclipse 中建立 Dojo 項目骨架。現在必須開始著手建立一個應用程式。