GXT（Ext-Gwt）例子的创建、配置、部署心得[通俗易懂]

如何下载和配置请参考“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目录下即可