這個開發環境搭建的過程寫的比較仔細。轉載自【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目錄下即可