文章分類:Web前端
??? 如何下載和配置請參考“Ext GWT 2.0
開發(fā)入門”，這個(gè)帖子是我第一次接觸GXT(Ext-Gwt)時(shí)，通過Google搜索出來的，雖然按這個(gè)帖子把測試小例子調(diào)通了，但是仍是一頭霧水，示
例中加入的那些參數(shù)是干什么的，因?yàn)闆]注釋，完全看不明白，讓我走了不少彎路，現(xiàn)在以這篇帖子為基礎(chǔ)，把我對GXT如何創(chuàng)建、配置、部署的心得整理一下。
??? 我直接從創(chuàng)建項(xiàng)目開始整理，其實(shí)如何創(chuàng)建一個(gè)項(xiàng)目在從官網(wǎng)下載的gxt-2.1.1文件包中寫得倒是蠻清楚的。(打開gxt2.1.1文件包可以看到setup.txt? 在這個(gè)txt中其實(shí)已經(jīng)寫明了如何創(chuàng)建一個(gè)GXT項(xiàng)目，且每加入的一項(xiàng)參數(shù)都是干什么的了)
以下是創(chuàng)建步驟
1、 如果已經(jīng)安裝好了GXT的插件，則可以在eclipse3.4上看到，標(biāo)紅的那個(gè)
（下載GWT插件，cypal.studio.for.gwt- 1.0。復(fù)制到eclipse的plugins目錄下）
2、 點(diǎn)擊，并填入工程名，包名后，選擇Finish即可創(chuàng)建成功一個(gè)新的工程了。
3、 實(shí)際上這個(gè)工程一經(jīng)創(chuàng)建就是可以運(yùn)行的，因?yàn)檫@個(gè)工程里相關(guān)的接口類和實(shí)現(xiàn)類都已經(jīng)寫好了，運(yùn)行效果如下
4、 現(xiàn)在在這個(gè)工程的基礎(chǔ)上修改下
(1)首先刪除標(biāo)紅色框的這三個(gè)接口及實(shí)現(xiàn)類
(2)將GXT_test.java中的代碼修改成下面這樣，刪除一些無關(guān)的代碼和注釋，只留下onModuleLoad()方法即可
(3)刪除web.xml中的藍(lán)色代碼
(4)將gxt.jar包放到lib中
(5)通過Properties—Java Build Path—Libraries中的Add JARs…來添加剛復(fù)制到lib中的gxt.jar包
(6)將gxt2.1.1中的resources文件整個(gè)拷貝到war下
(7)在GXT_test.html中
添加下面的樣式表，到主頁面,當(dāng)然主頁面里刪除了注釋
<link rel="stylesheet" type="text/css" href="{資源文件名稱}/css/gxt-all.css" />
如果需使用圖表，則添加下面的腳本到主頁面
<script language='javascript' src='{資源文件名稱}/flash/swfobject.js'></script>
這里因?yàn)橛貌坏綀D表，所以就加入上面的樣式表就可以了
(8)將下面這句添加到GXT_test.gwt.xml中
(9)好了，在GXT_test.java中寫幾行打開一個(gè)新窗口的代碼，開能否正常跑起來
(10)看到一個(gè)窗口，則表示能夠使用項(xiàng)目配置完成了，也能正常跑了。
??
(11) 如果想作些小demo則可以參考官方的小例子。直接打開explorer.html即可
這里的例子范圍很廣，如果能看明白一大半，以后作項(xiàng)目也就沒什么問題了。
5、 部署到Tomcat
(1)選擇帶紅框的圖標(biāo)，會(huì)彈出一個(gè)提示框，里面會(huì)有工程名稱，選擇好后，點(diǎn)擊Compile，即可編譯好
(2)編譯成功后，在工程的war下多出了一個(gè)gxt_test
(3)找到該工程的存放目錄，直接將war文件夾，復(fù)制并粘貼到tomcat的webapps目錄下即可
