EXT-GWT 2.0 入门

开发环境

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 。

 

评论

2 楼 wg5555 2013-02-06  

1 楼 wg5555 2013-02-06