GXT（GWT-EXT）開發壞境搭建

這個開發環境搭建的過程寫的比較仔細。轉載自【http://musicmmm.iteye.com/blog/687645】

如何下載和配置請參考“Ext GWT 2.0 開發入門”，這個文章是我第一次接觸GXT(Ext-Gwt)時，通過Google搜尋出來的，雖然按這個文章把測試小例子調通了，但是仍是一頭霧水，樣本中加入的那些參數是幹什麼的，因為沒注釋，完全看不明白，讓我走了不少彎路，現在以這篇文章為基礎，把我對GXT如何建立、配置、部署的心得整理一下。 

    我直接從建立項目開始整理，其實如何建立一個項目在從官網下載的gxt-2.1.1檔案包中寫得倒是蠻清楚的。(開啟gxt2.1.1檔案包可以看到setup.txt  在這個txt中其實已經寫明了如何建立一個GXT項目，且每加入的一項參數都是幹什麼的了) 
 
 
以下是建立步驟 
1、 如果已經安裝好了GXT的外掛程式，則可以在eclipse3.4上看到，標紅的那個 
（下載GWT外掛程式，cypal.studio.for.gwt- 1.0。複製到eclipse的plugins目錄下） 
 
2、 點擊，並填入工程名，包名後，選擇Finish即可建立成功一個新的工程了。 
 
3、 實際上這個工程一經建立就是可以啟動並執行，因為這個工程裡相關的介面類和實作類別都已經寫好了，運行效果如下 
 
4、 現在在這個工程的基礎上修改下 
(1)首先刪除標紅色框的這三個介面及實作類別 
 
(2)將GXT_test.java中的代碼修改成下面這樣，刪除一些無關的代碼和注釋，只留下onModuleLoad()方法即可 
 
(3)刪除web.xml中的藍色代碼 
 
(4)將gxt.jar包放到lib中 
(5)通過Properties—Java Build Path—Libraries中的Add JARs…來添加剛複製到lib中的gxt.jar包 
 
(6)將gxt2.1.1中的resources檔案整個拷貝到war下 
 
 
(7)在GXT_test.html中 
 
添加下面的樣式表，到首頁面,當然首頁面裡刪除了注釋 
<link rel="stylesheet" type="text/css" href="{資源檔名稱}/css/gxt-all.css" /> 
如果需使用圖表，則添加下面的指令碼到首頁面 
<script language='javascript' src='{資源檔名稱}/flash/swfobject.js'></script> 
這裡因為用不到圖表，所以就加入上面的樣式表就可以了 
 
(8)將下面這句添加到GXT_test.gwt.xml中 
 
 
 
(9)好了，在GXT_test.java中寫幾行開啟一個新視窗的代碼，開能否正常跑起來 
 
(10)看到一個視窗，則表示能夠使用項目配置完成了，也能正常跑了。 
   
(11) 如果想作些小demo則可以參考官方的小例子。直接開啟explorer.html即可 
 
這裡的例子範圍很廣，如果能看明白一大半，以後作項目也就沒什麼問題了。 
 
5、 部署到Tomcat 
(1)選擇帶紅框的表徵圖，會彈出一個提示框，裡面會有工程名稱，選擇好後，點擊Compile，即可編譯好 
 
(2)編譯成功後，在工程的war下多出了一個gxt_test 
 
(3)找到該工程的存放目錄，直接將war檔案夾，複製並粘貼到tomcat的webapps目錄下即可