GWT一個可以使用JAVA代碼開發具有Ajax功能的應用框架

本文將結合 GWT Designer，以一個小型 Web HTTP://www.aliyun.com/zixun/aggregation/14223.html">應用系統為例，對基於 GWT 的 Web 應用開發進行完整的介紹。 包括開發環境的搭建、資料通信以及應用部署等方面。

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

Ajax 即「Asynchronous JavaScript and XML」（非同步 JavaScript 和 XML），是一種創建互動式網頁應用的網頁開發技術。 通過此技術，軟體發展人員可以在最短的時間內開發出更小，更快的，更友好的 Web 應用系統。 在傳統的 web 應用中，使用者填寫並提交表單 (form)，在提交表單時就向 web 伺服器發送一個處理請求。 伺服器接收使用者請求並處理傳來的表單，並將結果以一個新的頁面返回給使用者。 這種處理方式浪費了許多頻寬，因為在前後兩個頁面中的大部分 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 所帶來的具有友好介面體驗的元件遠不止此。