GWT 开发入门

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() {@Overridepublic 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。