From: http://home.cnblogs.com/group/topic/47694.html
在使用GWT开发web程序时,首先得到GWT下载其SDK,目前的最新版为GWT 2.3。
- 安装插件,目前两大Java IDE: Eclipse 和 NetBeans都有其开发插件,建议使用Eclipse ,就我目前的经验,Eclipse版插件支持功能较为丰富些。在eclipse中安装步骤,插件安装URL:http://dl.google.com/eclipse/plugin/3.6,(或直接到GWT官网寻求帮助。),安装重启即可(不知道啥原因,现在在线安装时间有些长)。
- 新建项目,File -> New -> Google/Web Application Project, 新建GWT项目,弹出对话框,要求输入项目名称(Test),包路径(com.jinker.test)。在GWT SDK 选项中有一个是否使用Google 的 App Engine(Use Google App Engine),目前功能上不需要,可以不选。然后最下面有一个选项,询问是否生成样例代码(Sample code),因为这是我们第一个GWT项目,要弄懂项目结构,最好选上。
- 项目结构,建立好项目,看看其大概结构。
Test
|-----src
| |-----com.jinker.test
| | |-----Test.gwt.xml
| |-----com.jinker.test.client
| | |-----Test.java
| |-----com.jinker.test.server
| |-----com.jinker.test.shared
|-----test
|-----war
|-----WEB-INF
| |----lib
| |----web.xml
|-----Test.css
|-----Test.html
以上为其结构。
因为新建项目时,选中了生成样例代码,插件自动帮我们创建了一个module(Test.gwt.xml),EntryPoint 程序入口点(Test.java)与HTML主页(Test.html)
在entrypoint里有方法onModuleLoad(), 该方法为程序运行启动时(页面加载时)被调用,在这里就可以些swing式的代码了。现在该方法内有许多示例代码,我们可以将其注掉,写我们自己的示例:
Button button = new Button( " Hello gwt " ); button.addClickHandler( new ClickHandler() { @Override public void onClick(ClickEvent event) { Window.alert( " Hello gwt " ); } }); // 将button添加进HTML DOM树 RootPanel.get().add(button); - 运行,Run -> Run As -> Web Application。在GWT 控制台上有一个链接,双击,或复制其到浏览器上。嗯,没找到我们加入的button,不急。现在我们在Eclipse运行时,是GWT Dev mode,所以要在浏览器上安装GWT plugin,只要点击 页面上的链接,安装插件后,刷新,“Hello gwt” button出现了,点击也会弹出对话框 ,OK。