Embedded Files
讓網頁開發者在 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
Getting Started
Installing Google Web Toolkit
- 安裝 Java SDK, 可以到這邊
- 下載安裝
- 下載 Google Web Toolkit package
- 解壓縮
- 完成! 開始使用 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
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
Page updated
Google Sites
Report abuse