使用 GWT 實現基於 Ajax 的 Web 開發

GWT 簡述以及 GWT 開發 Web 應用程式的優勢

Ajax 及基於 Ajax Web 應用程式開發簡述

Ajax 即“Asynchronous JavaScript and XML”（非同步 JavaScript 和 XML），是一種建立互動式網 頁應用的網頁開發技術。通過此技術，軟體開發人員可以在最短的時間內開發出更小，更快的，更友好的 Web 應用程式系統。在傳統的 web 應用中，使用者填寫並提交表單 (form)，在提交表單時就向 網頁伺服器發送一個處 理請求。伺服器接收使用者請求並處理傳來的表單，並將結果以一個新的頁面返回給使用者。這種處理方式浪費了 許多頻寬，因為在前後兩個頁面中的大部分 HTML 程式碼往往是相同的。另外，由於每次互動都需要向伺服器發 送請求，互動的回應時間就依賴於伺服器的回應時間，從而導致了使用者介面的響應比本地應用程式慢得多。通 過 Ajax 技術，使用 JavaScript 可以建立 XMLHttpRequest 對象來直接與伺服器進行通訊，在不重載頁面的 情況下完成與 Web 服務器的資料交換。由於在通訊的過程中傳輸的資料是開發人員可控制的有用資料，消除 了冗餘的 HTML 程式碼，減少了頻寬佔用，在很大程度上提高了 Web 應用程式系統的響應速度。另外，由於使用 XMLHttpRequest 對象作為後台通訊工具，頁面不需要全部重新整理，只需要重新整理局部改變的資料，從而實作類別似 於案頭應用的效果。

使用 GWT 進行 Ajax Web 應用程式開發的優勢

Google Web Toolkit（GWT ）是 Google 公司推出的一款基於 Java 的 Ajax Web 應用程式開發架構。在此架構上，開發人員可以輕鬆的 建立 Ajax Web 應用程式，而不必關注 JavaScript 的編寫和調試，實現在瀏覽器中輕鬆地構建類似案頭應用 般的程式。

使用物件導向的 Java 代替 JavaScript，大幅度提高了開發效率。

JavaScript 是 一種指令碼語言，它可以用來製作與網路無關的，使用者互動複雜軟體。它是一種基於對象 (Object Based) 和事 件驅動 (Event Driver) 的程式設計語言。但是 JavaScript 無法實現真正的繼承關係（註：使用放在 prototype 對象裡，雖然可以實現兩個執行個體對象中的資料共用，類比繼承，但這其實並不是真正的繼承，更無法實現多層 繼承關係）。因此，使用 JavaScript 來完成 Ajax 開發，非常耗費時間，代碼重複使用率低，難以調試，後 期維護工作量巨大。

相比之下，Java 是一種真正的物件導向的語言。基於 Java 這一物件導向的語言 ，GWT 將真正的軟體工程方法帶入到 Ajax 應用程式開發當中。GWT 中提供了豐富的的基礎組件，使開發人員 從繁雜而又重複的 Ajax 構建工作中解放出來，更加專註於業務層和程式效能的最佳化。開發人員通過使用 GWT 可以快速地構建和維護複雜的、高效能的 JavaScript 應用程式。

GWT 提供了友好的介面，減少了 Web 應用程式的美化工作

由於通用的組件不夠友好，導致 Web 開發的同時有大量的美化工作需要處理 ，所以以往的 Web 開發，都需要專業美工來協助完成。GWT 提供的豐富的組件庫使使用者可以很容易的開發出 極具視覺享受的 UI 介面。如圖 1 所示。

圖 1. GWT 訊息框

上圖中為 Ext GWT 提供的訊息 框，下面為原始的訊息框。通過比較可以看到，Ext GWT 的訊息框明顯更加友好。按照傳統的 Web 開發方式 要實現具有 Ext GWT 樣式的訊息框，還要付出相當一些額外的美化工作。而這隻是一個非常簡單的樣本， GWT 所帶來的具有友好介面體驗的組件遠不止此。

GWT Designer 簡介

GWT Designer 是 Google 最新推出的，可以輔助開發人員在 Eclipse 中快速構建 GUI 和 GWT/Java 應用的高效開視化開工具。 使用 GWT Designer，開發人員只需通過簡單拖拽可視化組件，即可完成組件的添加而無須繁瑣的重複編碼， 同時使用 GWT Designer 也可以最大限度地完成布局管理等介面設計的工作。

基於 Eclipse 的 GWT 開發環境的搭建

Eclipse 是一個用 Java 開發的開源 IDE，由包括 IBM 在內的主要幾家技術型公司所 支援。使用 Eclipse 可以使開發人員以高效的方式編寫、組織、測試和調試軟體。Eclipse 整合了對 GWT 指令碼 的支援，在 Eclipse 環境下使用 GWT 開發 Ajax Web 應用程式，無論是代碼編寫、組織、測試還是調試，都 能夠獲得較高的生產力。基於 Eclipse 的 GWT 開發環境是業界公認的，最佳的 GWT 開發環境。

搭建 Eclipse 開發環境

搭建 Eclipse 開發環境很簡單。只需要從 http://www.eclipse.org/downloads/下 載後解壓即可使用。Eclipse 的版本很多，本文中將以 Eclipse Java EE IDE for Web Developers(Version: Helios Release) 為例進行說明。