文章分類:Web前端
??? 如何下載和配置請參考“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目錄下即可