GWT 开发入门

From: http://home.cnblogs.com/group/topic/47694.html

在使用GWT开发web程序时，首先得到GWT下载其SDK，目前的最新版为GWT 2.3。

1. 安装插件，目前两大Java IDE： Eclipse 和 NetBeans都有其开发插件，建议使用Eclipse ，就我目前的经验，Eclipse版插件支持功能较为丰富些。在eclipse中安装步骤，插件安装URL：http://dl.google.com/eclipse/plugin/3.6，（或直接到GWT官网寻求帮助。），安装重启即可（不知道啥原因，现在在线安装时间有些长）。
2. 新建项目，File -> New -> Google/Web Application Project, 新建GWT项目，弹出对话框，要求输入项目名称(Test)，包路径(com.jinker.test)。在GWT SDK  选项中有一个是否使用Google 的 App Engine（Use Google App Engine)，目前功能上不需要，可以不选。然后最下面有一个选项，询问是否生成样例代码（Sample code），因为这是我们第一个GWT项目，要弄懂项目结构，最好选上。
3. 项目结构，建立好项目，看看其大概结构。
   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);
         
         
         
         

   一个简单的示例就搞定了。
4. 运行，Run -> Run As -> Web Application。在GWT 控制台上有一个链接，双击，或复制其到浏览器上。嗯，没找到我们加入的button，不急。现在我们在Eclipse运行时，是GWT Dev mode，所以要在浏览器上安装GWT plugin，只要点击 页面上的链接，安装插件后，刷新，“Hello gwt” button出现了，点击也会弹出对话框 ，OK。