使用gwt 开发ajax 应用程序
如果你使用eclipse IDE 开发gwt 应用程序，那么最好同时使用cypal 这个gwt 的eclipse 插件.
安装cypal
在 http://code.google.com/p/cypal-studio/ 下载cypal , 你的eclipse 至少要是JEE 的开发环境, 它至少需要WTP 这个插件. 如果你是在3.4 下， 你可以直接把所有jar文件放在dropins 目录下, 或者在dropins 目录下建立Cypal/plugins 目录,然后把jar 文件放在下面, 如果第一次启动你在windows / preference 里面没有看到cypal 的设置, 你可以在命令行下用eclipse.exe clean 清理一下, 应该就能看到了.装好了cypal 之后在windows / preference 里面设置一下cypal , 指定gwt home .到你解压的gwt 目录.
创建GWT 程序
新建一个Dynamic Web Project , 在向导里面, dynamic web module version 选2.4 , 下面的configuration 里面就可以选到Cypal Studio for GWT , 选其他的dynamic web module version 不行(2.2 的话用的时gwt jdk1.4 的). target runtime 可以不选, 也可以指定一个tomcat 或其他容器.
创建一个GWT module .
创建好了project 之后 , 再新建一个GWT Module. 比如叫HelloGwt , 它当然要实现EntryPoint ,
package mypackage.client;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.user.client.Window;
import com.google.gwt.user.client.ui.Button;
import com.google.gwt.user.client.ui.ClickListener;
import com.google.gwt.user.client.ui.Label;
import com.google.gwt.user.client.ui.RootPanel;
import com.google.gwt.user.client.ui.Widget;
public class HelloGwt implements EntryPoint {
public void onModuleLoad() {
Label label = new Label("Hello GWT !!!");
Button button = new Button("Say something");
button.addClickListener(new ClickListener() {
public void onClick(Widget sender) {
Window.alert("Hello, again");
}
});
RootPanel.get().add(label);
RootPanel.get().add(button);
}
}
运行GWT 程序
你可以点击你的项目,然后Run -> Run Configurations , 然后选择 GWT Hosted Mode Application , 选择Project 和 Module 之后运行
或者你也可以右键点<module>.gwt.xml 文件, 对于这个项目来说就是 hello.gwt.xml 文件, 然后选择GWT Hosted Mode Application , 它会直接运行.
GWT 项目文件结构
创建一个GWT项目后,它的文件结构一般如下:
1. Module descriptor , 描述你的应用程序的EntryPoint
2. Public resources , 放HTML ,JS , CSS , image文件的地方
3. Source Code, 放你的Java 代码的地方
导入GWT 自带的示例
从cypal 里面可以导入gwt 自带的那几个示例项目. 在创建好的gwt 项目里面,点击New -> Example -> GWT Example , 然后在Sample 里面可以选择GWT 自带的那几个示例.
部署到其他容器
跟其他Web Project 一样, 部署到其他容器, 只需要在Server 里面添加一个新的runtime server . 然后选择你的GWT 项目,然后运行Run As –> Run on Server . 就可以了
打包成War 文件
你可以选择 File->Export->Export as war 将你的项目打包成War 文件以方便部署, 它其实就是把你的build/gwtOutput 下的文件打包 (这个位置是在Preference 里面设置的),
参考资料:
1 . http://www.vogella.de/articles/GWT/article.html
2 . http://www.cypal.in/studiodocs
cypal 的使用说明
3. http://www.ibm.com/developerworks/cn/opensource/os-eclipse-ajaxcypal/
IBM 上一篇使用cypal 的文章,有点老了.