Open Ajax Initiative的開發工具簡介

因為 Ajax 的採用協助 Web 達到新的互動性和響應性水平，企業級開發工具的重要性將繼續增長。ATF、Dojo 和 Zimbra 是這次發展的關鍵組件。隨著 Web 觀眾不斷需求更好、更快、更順暢的 Web 應用程式，工具包開發人員和瀏覽器製造商有責任維護一個協作環境來鼓勵 UI 和跨平台相容性的發展。Open Ajax Initiative 正是為此目的而構建的架構。

Eclipse ATF

Eclipse Foundation 已經成為開放源碼開發和強大應用程式架構的航標。Eclipse 是基於 Java™ 的開放源碼平台，它可以完全擴充並部署在每個主要平台上。各種範圍廣泛的外掛程式和工具均可用。

作為 Open Ajax Initiative 的一部分，Eclipse Foundation 正在構建 ATF，它將為運行時環境(比如 Dojo 和 Zimbra)提供可擴充架構。ATF 作為 Open Ajax Initiative 的一部分，扮演著中央組件統一工具的角色。ATF 的早期版本可從 IBM alphaWorks獲得。

基於 Eclipse Web Tools Project，ATF 提供用於構建隔離式開發環境 (IDE) 的工具，包括運行時語法檢查等特性，並嵌入 JavaScript 調試器、Document Object Model (DOM) 瀏覽器和 Mozilla 網頁瀏覽器。ATF 為傳統的特性鬆散的開放源碼開發工具提供了完全的企業風格的開發環境，許多開發人員在該環境中工作感到輕鬆自在。本教程重點介紹 Dojo 和 Zimbra，因為它們是目前可用的兩個最有能力最成熟的 Ajax 工具。圖 1 展示了 initiative 的組件以及 ATF 如何裝配。

圖 1. Open Ajax Initiative 組件

Dojo

如果打算採用 Open Ajax Initiative 中使用的工具，則應熟悉 ATF 將支援的工具包，比如 Dojo 和 Zimbra。

Dojo 是一個社區項目，設計目的在於通過構建標準 JavaScript 庫，將 JavaScript 和 Dynamic Hypertext Markup Language (DHTML) 的努力統一為單個方向。社區意識到沒有人們的合作不會走得太遠，因此三個獨立的前輩工具包被統一組成 Dojo Foundation，它擁有並維護代碼。Dojo 具有多個可選軟體包，其中包括 Ajax 版本、I/O 版本和 “Kitchen Sink” 版本(該版本包括整個工具集合)。

入門 Dojo 只需下載下列五個版本之一:

• Ajax — 使用 Ajax 版本建立帶有同步 I/O (XmlHttp) 的應用程式，整合複雜的可視效果，並使用面向方面的事件系統。
• I/O (XmlHttp) — I/O 版本是用 dojo.io.bind 構建的，所以可以為非同步 I/O 使用 XmlHttp 層。
• Event + I/O — 該版本包括 Dojo 的面向方面事件系統和 XmlHttp 層。
• Widgets — 該版本包括與小組件實現鬆散耦合的 HTML 和 Cascading Style Sheet (CSS) 模板能力，提供明確分離的樣式、內容和邏輯。
• Kitchen Sink — 該版本包括所有 Dojo 庫。

安裝 Dojo

選擇合適的 Dojo 版本，下載，並解壓軟體包。將下列檔案移動到 Web 根目錄(為了樣本目的將添加 helloworld.html 檔案):

• dojo.js
• iframe_history.html
• src(目錄)
• helloworld.html

使用指向 Dojo 檔案的路徑添加單個行到 .html 檔案中:

現在可以在 JavaScript 中隨意下載 Dojo 庫和小組件。

簡單的 Dojo 樣本

現在嘗試一個簡單的樣本，它在您每次按下按鈕時通過調試過程輸出 “Hello World!”。我們將在本例中編輯 helloworld.html。清單 1 所示代碼的初始部分設定 dojo.js 的路徑，並開啟偵錯模式以便測試您的輸出。

清單 1. 輸出 “Hello World!” 的簡單樣本

使用帶有 “事件” 的 Button2 小組件調用 helloPressed 函數:

清單 2. 使用帶有 “事件” 的 Button2 小組件調用 helloPressed 函數

PressMe

圖 2 展示單擊 Press Me 之後 “Hello World!” Dojo 應用程式的輸出。

圖 2. “Hello World!” Dojo 應用程式的輸出

Dojo 通過提供強大的不斷增長的小組件集合，使得將 Ajax 代碼的小片段整合到現有 Web 頁面中更加容易，使用那些小組件集合很容易添加預期在案頭環境中看到的 UI 效果。開發人員避免了親手編寫 UI 的每一部分。對於進階使用者，它提供了多數工具沒有提供的能力。例如，包括了打包和構建系統以快速最佳化要部署的項目。Dojo 對於所有層級的 Ajax 開發人員來說是令人滿意的解決方案。

ATF 將 Dojo 整合到 Eclipse 中，它的引入通過提供圖形編碼環境和對附加 Eclipse 外掛程式的訪問將這些能力增強到企業級。

Zimbra Ajax Toolkit

Zimbra 通過提供對 Zimbra Ajax Toolkit (AjaxTK) 的開放訪問來致力於 Open Ajax Initiative。Zimbra 已經使用 AjaxTK 挑戰了我們所謂的 Web 頁面的極限，開發出完整的線上 Collaboration Suite，其中包括企業級電子郵件、日曆和連絡人。AjaxTK 將基於 Web 的應用程式和基於標準案頭的應用程式之間的差距縮減為零。圖3 展示了 Zimbra 的 Collaboration Suite 中包括的郵件應用程式，該應用程式是使用 AjaxTK 開發的。

圖 3. Zimbra 的郵件應用程式

圖4 展示了 Zimbra 的日曆應用程式，也是用 AjaxTK 開發的。

圖 4. Zimbra 的日曆應用程式

開發這個令人印象深刻的 Collaboration Suite 時內部使用的 Ajax 工具也可公開使用。對 Ajax 開發的開放和非專利環境的信任提供了將這個強大的工具公佈於眾的動力。

AjaxTK 構建於下列源軟體包之上:

• config — 配置資訊和訊息本地化檔案
• core — 基本異常類和環境資訊
• debug — 用於運行時應用程式調試的調試類
• dwt — DHTML Widget Toolkit:
  config — CSS 規則、映像和本地化文本
  core — 異常處理和低級 DOM 公用程式函數
  dnd — 拖放支援
  events — 由工具包使用的、構建於一般 AjaxTK 事件支援之上的各種事件
  graphics — 點、矩形和 CSS 公用程式
  widgets — DWT 小組件集合和支援類
  xforms — 提供建立複雜表單的 XForms 實現
• event — 基本事件和事件監聽器類，以及負責事件註冊和分配的事件管理器類
• net — 網路通訊
• soap — SOAP 文檔處理
• util — 字串操作、cookie 管理、資料操作、延遲動作支援和回調支援等任務的公用程式類
• xml — XML 文檔處理

企業開發人員可以在獲知 Zimbra Ajax Toolkit 通常用於構建在現實世界中部署的大型健壯的應用程式時感到安慰。Zimbra 的 Collaboration Suite 包含 130,000 多行 JavaScript。AjaxTK 針對計劃為傳統型應用程式構建完全替代品的開發人員。如果您想使用 Ajax 增強現有 Web 頁面，可能 Dojo 更合適一些。選擇取決於您要做的事情。

AjaxTK 插入 Eclipse 之後，開發富 UI(比如樹、按鈕和列表)通常需要的組件將更容易、更快地實現。與 Eclipse 的整合為表添加了增強能力，包括強大的調試工具和拖放合成。Zimbra 打算通過與 Open Ajax Initiativ 的成員協作並支援開放、非專利技術來繼續驅動 Ajax。

initiative 在前進

Open Asynchronous JavaScript and XML (Ajax) Initiative 背後的夥伴正在通過構建一種開發人員可以協作的開放平台來加強社區。Initiative 將範圍廣泛的一系列工具放到正在將響應性使用者介面 (UI) 構建到新環境和現有環境的人們手中。

Initiative 的創始成員，其中包括 BEA Systems、Borland Software、The Dojo Foundation、The Eclipse Foundation、Google、IBM、Laszlo Systems、Mozilla、Novell、Openwave Systems、Oracle、Red Hat、Yahoo!、Zend Technologies 和 Zimbra，意識到引入新工具到正在成長的 Ajax 開發人員社區的巨大重要性。

Eclipse 中的統一介面和進階調試能力為社區帶來了企業級編碼環境。Eclipse 的 ATF 將提供從 Dojo 和 Zimbra 對工具包的容易訪問。Initiative 成員相信，Open Ajax 的主要後盾可能是它驅動 Web 在其中仍有生命力這一訊息的引爆點。Open Ajax Initiative 正在為 Web 的健康做出積極的努力。

(