開 始研究gxt （我也剛接觸，大家一起提高，學習）也就是mygwt加入extjs陣營以后的新版本(gxt1.2),關于gxt(ext gwt)與gwt-ext的區別,請自行查閱相關資料. Google Web Toolkit(GWT)是Google開發的開源AJAX組件庫，它使得編寫類似GoogleMaps和Gmail這樣的AJAX應用程序變得非常容 易，開發人員并不需要了解太多的JavaScript知識就可以通過Java來開發動態Web應用程序。
如今，開發動態的Web應用程序是非常繁瑣且易于出錯的，開發人員常常花費90%的時間在進行跨平臺和跨瀏覽器調試，并且，難以用JavaScript編寫模塊化的，易于復用的組件。
GWT的設計非常創新，它允許開發人員使用Java語言來編寫和調試Web應用程序，然后，GWT的Java-to-JavaScript編譯器會將其自 動轉化為可以運行的JavaScript和相關HTML文件，這樣，開發人員不必了解JavaScript語言就可以開發AJAX應用，極大地提高了開發 效率。
Ext GWT: Rich Internet Application Framework for GWT:官方網站：
http://extjs.com/products/gxt/，里面有很多豐富的例子和api文檔。
一、構建eclispe開發環境
1、前期準備
（1）開發工具：
j2se6,正確安裝及配置。
Eclipse Ganymede：eclipse V3.4，下載地址為：
http://www.eclipse.org/ganymede/;解壓直接使用。
（2）相關jar包：
gwt-windows-1.5.3:下載地址為：
http://code.google.com/webtoolkit/versions.html；解壓好待使用，本人直接解壓到D盤，呆會要用到。
gxt1.2:下載地址:
http://extjs.com/products/gxt/；解壓好待使用。
（3）GWT插件：
Eclipse Plugins for GWT：cypal.studio.for.gwt-1.0，下載地址為：
http://code.google.com/p/cypal-studio/。解壓后直接 Copy到 Eclipse安裝目錄/plugins下即可。
2、配置 GWT Home目錄
打開 Eclipse的 Window—Preferences—Cypal Studio 選擇 Gwt的目錄（即gwt-windows-1.5.3目錄）。
如果沒有出現Cypal Studio ，說明插件沒有安裝成功。必須放在正確的位置。同時，GWT Home,一定要選擇在gwt-windows-1.5.3解壓目錄下，否則待建立module時jar找不到，同時有可能帶來其他問題。呵呵。我就有過莫名其妙的錯誤。
二、編寫簡單實例
1、新建一個動態 web項目， File—New—Other—Web—Dynamic Web Project，在 Configurations中選擇 Cypal Studio for GWT，其他的默認即可。 注意,Target Runtime 一定要為<None>,不要選擇服務器，如果選擇了服務器，下一步運行的時候會出現異常，還得手動刪除它，所以不要選擇服務器，下一篇將介紹在tomcate6上運行配置。這里運行是在GWT自己的環境下運行。
2、創建 Module模型
項目上點擊右鍵 New—Other—Cypal Studio—Module，輸入包名 org.gxt,類名 Test
創建成功后，正確工程為：
3.在Test.java的onModuleLoad() 方法中加入Window.alert("success");
package org.gxt.client; import com.google.gwt.core.client.EntryPoint; import com.google.gwt.user.client.Window; public class Test implements EntryPoint { public void onModuleLoad() { Window.alert("success"); } }
三、配置運行環境
選擇 Run—Run Configurations—Gwt Hosted Mode Application,選擇 New,新建一個運行實例new_gxt,在 Project中選擇 Gxt， Module會自動選擇所要運行的模型類Test.java。
點擊Run,自動啟動GWT運行環境：
ok,運行成功。
四、編寫ext gwt 的window測試范例。
以上還沒有用到gxt1.2文件夾中的東西，現在該用到它了。把WebContent文件夾刪除掉，新建了一個lib文件夾,復制gxt.jar到lib下。
把lib/gxt.jar添加到Java Build Path里面
在Test.gwt.xml中加入（繼承GXT）：
<inherits name='com.extjs.gxt.ui.GXT'/>
在Test.html中加入（默認樣式表）：
<link rel="stylesheet" type="text/css" href="css/ext-all.css" />
ok,現在在Test.java中onModuleLoad()方法注釋掉Window.alert("success");同時為避免出現重復，刪除掉 已經導入的com.google.gwt.user.client.Window包;添加gxt的 com.extjs.gxt.ui.client.widget.Window;完整代碼如下：
- package org.gxt.client;
-
- import com.google.gwt.core.client.EntryPoint;
- import com.google.gwt.user.client.ui.RootPanel;
- import com.extjs.gxt.ui.client.widget.Window;
-
-
- public
class Test implements EntryPoint { -
- public
void onModuleLoad() { - Window window=new Window();//相當于html的div
- window.setSize(500,300);//設置高度和寬度
- window.setHeading("success");//設置標題
- window.setPlain(true);//設置透明
- window.show();
- RootPanel.get().add(window);
-
-
- }
-
- }
-
-
- 再次運行New_Gxt（已經建立的運行環境）， 想要的結果出現了，呵呵。
.正確出現窗體，呵呵，成功。