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目錄下即可 
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章