一、準(zhǔn)備：
1. 下載Ext GWT
2.1.0。
2. 下載GWT
1.7.1，Ext GWT 2.1.0需GWT 1.6以上版本。直接解壓縮即可。
3.
下載GWT插件，cypal.studio.for.gwt-
1.0。復(fù)制到eclipse的plugins目錄下。
二、配置GWT：
打開(kāi)eclipse，Window->Preference->Cypal Studio，將GWT Home選擇為GWT 1.7.1解壓后目錄。
三、創(chuàng)建GWT項(xiàng)目
新建Dynamic Web Project，如下圖，點(diǎn)擊finish。
新建GWT Module：
New->Other中選擇GWT Module，Next。
輸入包和類名，F(xiàn)inish。 GWT Module 必須實(shí)現(xiàn) com.google.gwt.core .client.EntryPoint 接口。
現(xiàn)在項(xiàng)目結(jié)構(gòu)如下：
在 public 這個(gè)目錄下放置圖片，JavaScript 腳本，CSS 樣式表和每個(gè) GWT module 對(duì)應(yīng)的 html 文件。
HelloWorld.gwt.xml中聲明GWT 的配置信息，包括 Module 的信息、CSS 樣式表的相對(duì)路徑等。
在 GWT 的應(yīng)用規(guī)范中，顯示層的 Java 代碼必須放在以包名 client 結(jié)尾的目錄或者子目錄下，并且不能依賴其它非 client 目錄下的 Java 代碼。
對(duì)其它的服務(wù)器端的代碼，要放到以 server 結(jié)尾的包或者子包當(dāng)中。
編輯HelloWorld的onModuleLoad方法：
package com.xy.demo.client;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.Window;
public class HelloWorld implements EntryPoint {
public void onModuleLoad() {
Window.alert("Hello World!");
}
}
配置運(yùn)行環(huán)境：
Run->Run Configurations->Gwt Hosted Mode Application，右鍵New，修改Name，選擇Project和Module。
運(yùn)行，彈出alert框Hello World!，成功！
四、加入Ext GWT
復(fù)制gxt-2.1.0\gxt.jar到項(xiàng)目WebContent\WEB-INF\lib目錄下，項(xiàng)目
Properties->Java Build Path->Libraries->Add
JARs...加入gxt.jar。
復(fù)制gxt-2.1.0\resources及其下所有子目錄和文件到src\com.xy.demo.public目錄下。
修改HelloWorld.gwt.xml
<module>
<!-- Inherit the core Web Toolkit stuff. -->
<inherits name='com.google.gwt.user.User'/>
<inherits name='com.extjs.gxt.ui.GXT'/>
<!-- Specify the app entry point class. -->
<entry-point class='com.xy.demo.client.HelloWorld'/>
<inherits name="com.google.gwt.user.theme.standard.Standard"/>
<!-- <inherits name="com.google.gwt.user.theme.chrome.Chrome"/> -->
<!-- <inherits name="com.google.gwt.user.theme.dark.Dark"/> -->
<stylesheet src="resources/css/gxt-all.css"/>
</module>
修改HelloWorld.java
package com.xy.demo.client;
import com.extjs.gxt.ui.client.widget.Window;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.ui.RootPanel;
public class HelloWorld implements EntryPoint {
public void onModuleLoad() {
Window window = new Window();
window.setHeading("Hello World!");
window.setSize(300, 300);
window.show();
RootPanel.get().add(window);
}
}
運(yùn)行GWT_Demo
出現(xiàn)如上畫(huà)面，成功！
五、發(fā)布到Tomcat
Project->Clean...->Clean projects selected below，選中GwtDemo，OK。
等控制臺(tái)打印出Compilation succeeded后編譯完成。
項(xiàng)目右擊->Export->WAR file，導(dǎo)出WAR包GwtDemo.war。
將WAR包復(fù)制到Tomcat的webapps目錄下，啟動(dòng)Tomcat。瀏覽器輸入http://localhost:8080/GwtDemo/HelloWorld.html，出現(xiàn)Hello World面板，成功！