Google Web Toolkit on Eclipse 3.4

這篇文章是教學如何用Eclipse3.4開發Google Web Toolkit 1.6.4(以下簡稱GWT)
從安裝、下載，到新增第一個GWT程式

首先JDK要安裝好之外，再來就是Eclipse主程式
Eclipse是免費免安裝的Java IDE，請到這裡下載
我們要的是網頁上如下圖所示這版本，即開發java之standard版

點選進去之後，點即可開始下載

下載好之後，建議解壓縮後將資料夾放置固定位置
因為雖為免安裝之IDE，但若隨意移動資料夾會影響到library的指向路徑是否正確

下載好解壓縮到固定位置後，接下來要將Eclipse安裝GWT plugin
開啟Eclipse主視窗後，點取最上排右方之Help，點選Software Updates...，如下圖：


在跳出的視窗上方頁面標籤點選到Available Software頁面，之後點擊視窗右方

在跳出的視窗之textbox貼上網址：http://dl.google.com/eclipse/plugin/3.4
點選OK

隨即在Software Update視窗便會多出如下可選擇新增之plugin：

接下來點擊視窗右方
並在之後出現視窗點擊OK，等整個下載安裝結束即安裝好GWT plugin

安裝好後會在上方toolbar多出
欲新增GWT project，則點擊左方藍色圓形圖示按鈕
會跳出如下視窗：

此時用以下命名當作範例程式名稱：
project name: NewProject
package name:com.example.newproject
關於下方的library勾選，由於我們是要新增GWT程式，因此上方的Use Google Web Toolkit一定要勾選之外，下方的Use Google App Engine可勾選可不勾選，在兩個Library都有勾選情況下，新增的Project仍會以GWT為主，在這邊我們選擇不勾選下方之library

ps.若您是要新增App Engine程式，則勾選下方App Engine library之外，上方的GWT library一定不能勾選

點選Finish之後，在左方package explorer會出現新增之NewProject，點開樹狀如下：

在NewProject.java點兩下開啟程式碼，除了編輯網頁Style部分可在XML、CSS、HTML檔編輯之外，要撰寫修改網頁主要內容均從這程式碼開始編輯

直接執行剛新增好的.java程式碼的原始網頁內容如下：

點擊跳出網頁上Send按紐，則會跳出一個小文字視窗，列出正在運作的App Engine版本，您在textbox輸入的字，以及您系統預設的瀏覽器名稱及版本

到此，即完成新增第一支Hello word程式