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