开发环境
EXT-GWT 2.0 库
可以去 http://extjs.com/products/gxt/download.php 下载GWT2.0。备用。
GWT 1.6+ 库
EXT-GWT2.0 需要GWT1.6+的库,可以前去http://code.google.com/intl/zh-CN/webtoolkit/download.html 下载(目前为1.7版本)。备用。
也可以直接下载Google Eclipse 插件 ,它包含了GWT。建议使用这个。
Cypal Studio 插件
如果安装了Google Eclipse 插件,则无需安装Cypal Studio插件。
为了更好地开发GWT,可以使用Eclipse插件Cypal Studio。建议使用Cypal Studio2.0,虽然目前是alpha版本,但是它能更好地配合GWT1.7的。
前去http://code.google.com/p/cypal-studio/downloads/list 下载。
下载完之后,直接将其拷贝到Eclipse目录的Plugins目录下面就可以了。
现在,需要配置一下,窗口 >首选项 ,点击Cypal Studio ,在其子标签下面设置GWT的地址。
创建GXT工程
将EXT-GWT简称为GXT。
Cypal Studio
创建GWT项目的方法稍有改动,不是New >Dynamic Web Project ,而是New >GWT Project ,建议把WEBRoot目录设置为war 。
可以参考http://www.ibm.com/developerworks/cn/java/j-lo-gwtext1/index.html 。
Google Eclipse
New >Web Application Project ,或者可以点击Toolbar上的图标(就是G字母上面有个+号)。选中Use Google Web ToolKit ,取消选择Use Google App Engine(Google的另一个项目,相当不错)。
仔细看生成的项目,可以看到WebRoot是war,因为后面的Module生成会自动在此目录下写文件。
会看到,项目中已经由一些文件了,这是一个Demo,可以学习学习,然后Del.
添加GXT支持
现在创建的还是GWT项目,而不是GXT项目。在Build Path(项目属性里面)下,添加Ext-GWT的gxt.jar包。
同时,把EXT-GWT的Resources文件夹复制到war目录 下面,也可以改一下名称(以后会将里面的css添加到HTML中)。
添加Module
New >Module ,可以添加一个Module。Module就是一个GWT模块,同时又一个Entry Point的类(就相当于java中的Main方法)。
在Module中输入name为Index,包为test(不能为空),Finish。那么会生成两个包test.client,test.server,同时在test包下面有Index.gwt.xml,test.client下面有Index.java(入口,Entry Point),war目录下面会有Index.html。
下面的过程就与以前的版本类似,不多说了。可以参考http://www.ibm.com/developerworks/cn/java/j-lo-gwtext1/index.html 。