少年幃禿的煩惱
 
搜尋這個協作平台

Navigation

最新協作平台活動

70天前是
某個日子

Home‎ > ‎Google Code‎ > ‎

Google Web Toolkit

內容

  1. 1 介紹
    1. 1.1 開發流程
    2. 1.2 特點
  2. 2 Getting Started
    1. 2.1 Installing Google Web Toolkit
    2. 2.2 Building a Sample Application
    3. 2.3 Running in Hosted Mode
    4. 2.4 Running in Web Mode
    5. 2.5 Creating an Application from Scratch (with Eclipse)
  3. 3 Tutorial
    1. 3.1 TODO:

介紹

Google Web Toolkit   讓網頁開發者在 Java 裡面製作 Ajax 應用程式, 以達到降低難度與容易維護的目的. 開發期間, 就像原來寫 Javascript 的習慣一樣 "edit - refesh - view", 另外還有個好處就是可以在 Java Code 裡面使用 line by line 的 debug 模式.

佈署時 GWT 會將 Java 編譯成最佳化且單獨的 JavaScript 檔案. 可以輕易的製作成 Widget 整合到現有網頁, 或是一個整體程式.

開發流程

  • 只需重新整理, 不需重新編譯立即看到改變
  • 可使用 Java debugger 檢查 AJAX code
  • 編譯然後發佈最佳化的跨瀏覽器 JavaScript

特點

  • 使用超簡單的 RPC 跟主機溝通
  • 根據使用者定義只下載最適合的 JavaScript
  • 跨專案的重複使用 UI 元件
  • 使用原生 JavaScript 或其他 Libs
  • 支援瀏覽器的 back / history
  • 有效率的作 i10n
  • 自由選擇開發工具
  • 使用 JUnit 做單元測試
  • 擴充與資助 - GWT 是開放原始碼軟體

Getting Started

Installing Google Web Toolkit

  1. 安裝 Java SDK, 可以到這邊 下載安裝
  2. 下載 Google Web Toolkit package
  3. 解壓縮
  4. 完成! 開始使用 GWT
GWT 並不需要安裝, 所有需要使用的檔案全部在解壓縮出來的目錄裡面. 為了方便使用記得在 PATH 指定解壓縮的目錄.

Building a Sample Application

所有的範例都在 sample/ 目錄裡, 每個範例裡面都有兩個 script, 個別可以在兩種模式下執行: hosted mode 跟 web mode

Running in Hosted Mode

用 hosted mode 運行, 執行 samples/Mail/Mail-shell, 會用 GWT 瀏覽器打開 Mail 範例
在 hosted mode 時, 程式是在 Java Virtual Machine (JVM) 執行的. debug 時通常就是使用這個模式.

Running in Web Mode

用 web mode 運行, 先用 Mail-compile 編譯, GWT 會在 www/ 路徑下產生一些 JavaScript 與 HTML. 然後用流覽器打開 www/com.google.gwt.sample.mail.Mail/Mail.html
正式發佈 Mail 範例時, 可以直接將 www/com.google..gwt.sample.mail.Mail/ 目錄放到主機上

Creating an Application from Scratch (with Eclipse)

GWT 有兩個工具可以使用, projectCreator 用來產生 Eclipse 專案設定檔, applicationCreator 則是用來產生其餘 GWT 專案所需要的檔案
** 注意: 在新目錄中下指令 **
// 建立一個 Eclipse 可以讀取的專案 MyProject
projectCreator -eclipse MyProject
// 建立其他所需檔案
applicationCreator -eclipse MyProject com.mycompany.client.MyApplication
完成上面兩個指令之後, 你會看到當前的目錄會出現 MyApplication-shell, MyApplication-compile, .project, .classpath 和 MyApplication.launch 五個檔案. 接著在 Eclipse 之中執行 File -> Import -> 選擇 "Existing Projects into Workspace" 然後依照指示完成操作, 你可以看到 GWT 專案出現在 Eclipse workspace 之中了:
接著在視窗上方按下 "Run" 就以 hosted mode 執行專案了.

Tutorial




TODO:

http://code.google.com/docreader/#p=google-web-toolkit-doc-1-5&s=google-web-toolkit-doc-1-5&t=GettingStartedTutorial
http://www-128.ibm.com/developerworks/cn/java/j-lo-gwt-dev/index.html
http://www-128.ibm.com/developerworks/cn/java/j-ajax4/index.html
// 看起來很好用的 GWT plugin
http://www.instantiations.com/gwtdesigner/index.html