Google Web Toolkit(GWT) 在windows下環境搭建

標籤：

1.什麼是GWT？

Google Web Toolkit（簡稱GWT，讀作/?ɡw?t/），是一個前端使用JavaScript，後端使用Java的AJAX framework，以Apache許可證2.0版本開放源始碼。GWT通過編譯器將Java代碼編譯成JavaScript，可讓開發人員使用Java程式設計語言，快速建置與維護複雜但高效能的JavaScript前端應用程式，藉此減輕開發人員負擔。

參見：http://zh.wikipedia.org/wiki/GWT

 

2.GWT SDK安裝配置

GWT官網：http://www.gwtproject.org

下載GWT SDK：http://www.gwtproject.org/download.html

解壓，在環境變數中添加如下（根據自己的實際路徑名）：

GWT_HOME:C\gwt-2.7.0

Path:%GWT_HOME%

 

3.eclipse中配置GWT外掛程式

外掛程式下載說明：官網說明

但是實際線上安裝往往出問題，所以我們盡量選擇離線安裝外掛程式。

eclipse GWT plugin 離線

下載此離線包後發現其中沒有包含Google App Engine SDk，所以我們需要下載此SDK

下載後解壓，放入\eclipse\plugins檔案下。

注意其中預設包含的asm jar包是4.0，我們需要下載最新版的asm jar替換之。

否則在後續項目中會報錯：java.lang.NoSuchMethodError: org.objectweb.asm.MethodVisitor.visitMethodInsn(ILjava/lang/String;Ljava/lang/String;Ljava/lang/String;Z)V

 

4.eclipse中構建項目

建立項目，new->peoject->google->Web Application Project

 

填寫工程名字和包名，第一次需要手動添加GWT SDK和App Engine SDK。

待項目構建好之後，Run As->Web Application

瀏覽器中可以看到如下

註：1.瀏覽器中需要添加GWT developer plugin，但是新版本的chrome和firefox都不在支援此外掛程式。所以，可以選擇firefox 26.0。

2.GWT Designer對gwt SDK版本有要求：

GWT Designer is unmaintained. It doesn‘t work with GWT 2.6.0 or 2.7, and likely won‘t work with newer versions. It does work with 2.6.1 though, but I don‘t recommend using any other version than the latest, particularly with "classic" DevMode being deprecated too: 2.7 is the first version where SuperDevMode is really usable, and it‘ll continue to improve in the coming versions.

 

Google Web Toolkit(GWT) 在windows下環境搭建