gwt在eclipse中创建项目

最新推荐文章于 2020-12-01 22:46:16 发布

求知路漫漫

最新推荐文章于 2020-12-01 22:46:16 发布

阅读量915

点赞数

分类专栏： GWT 文章标签： gwt eclipse创建项目

GWT 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

来自 http://book.douban.com/reading/13439674/

说明   GWT 项目可以通过命令行和Eclipse插件两种方式创建。创建GWT项目的命令是webAppCreator。出于实用性考虑，本书不使用命令行相关工具，只在说明部分给出操作所对应的命令。具体使用方法及参数，可以查看 GWT 的说明文档。
clipse 插件安装完成后，Eclipse 工具条中会增加一个 Google  toolbar。如图 2-1 所示，三个按钮分别是“New Web  Application Project”（新建 Web 应用项目）、“GWT Compile Project”（GWT 编译项目）、“Deploy  App Engine  Project”（部署 AppEngine 项目），其中 Deploy App Engine  Project 是Google AppEngine 的工具。
 
 
 
  
  

  
  
 
 
图 2-1  Eclipse 中的 Google toolbar
单击“New Web Application Project”按钮打开“New Web Application Project”对话框。输入项目名称 HelloGWT，包名 chapter2。这里不涉及 Google AppEngine，所以取消“Use  Google  App Engine”前的勾选，其他保持默认值，如图 2-2 所示。
单击“Finish”按钮创建项目。GWT 新项目向导创建的默认项目对于 Hello GWT 这样的示例来说有点复杂。删除文件 GreetingService.java、GreetingServiceAsync.java 和 chapter2.server 包以简化项目，如图 2-3 所示。
 
 
  
  

  
  
 
 
图 2-2  创建 GWT 项目对话框
 
 
  
  

  
  
 
 
图 2-3  简化后的 GWT 项目
删除不需要的文件后，web.xml 也要做相应的修改，删除 web.xml 中的 servlet 和 servlet-mapping 元素，修改后的内容如代码清单 2-1 所示。
代码清单 2-1  修改后的 web.xml 文件
1    <?xml version="1.0" encoding="utf-8"?>
2    <!DOCTYPE web-app
3       PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
4       "http://java.sun.com/dtd/web-app_2_3.dtd">
5    <web-app>
6     <welcome-file-list>
7       <welcome-file>HelloGWT.html</welcome-file>
8     </welcome-file-list>
9    </web-app>
打开 HelloGWT.html 删除所有内容。先写一个标准的空白 HTML，然后嵌入 hellogwt/hellogwt. nocache.js 脚本，修改后的代码如代码清单 2-2 所示。
代码清单 2-2  HelloGWT.html 源代码
1    <html>
2     <head>
3       <meta http-equiv="content-type" content="text/html; charset=utf-8">
4    <title>HelloGWT</title>
5       <script type="text/javascript" src="hellogwt/hellogwt.nocache.js"></script>
6     </head>
7     <body>
8     </body>
9    </html>
接着打开 HelloGWT.java，删除所有内容后输入代码清单 2-3 中的代码。
代码清单 2-3  HelloGWT.java 源代码
1    package chapter2.client;
2
3    import com.google.gwt.core.client.EntryPoint;
4    import com.google.gwt.event.dom.client.ClickEvent;
5    import com.google.gwt.event.dom.client.ClickHandler;
6    import com.google.gwt.user.client.Window;
7    import com.google.gwt.user.client.ui.Button;
8    import com.google.gwt.user.client.ui.RootPanel;
9
10    public class HelloGWT implements EntryPoint {
11  public void onModuleLoad() {
12      Button welcomeButton = new Button("欢迎");
13      welcomeButton.addClickHandler(new ClickHandler() {
14          @Override
15          public void onClick(ClickEvent event) {
16               Window.alert("Hello GWT!");
17          }
18      });
19      RootPanel.get().add(welcomeButton);
20  }
21    }
上面代码在第 12 行创建了一个标题为“欢迎”的按钮。第 13～18 行为按钮添加了 Click 事件的处理程序。当用户单击按钮后，会触发第 16 行代码，调用Window.alert 函数在屏幕上弹出“Hello GWT!”对话框。第 19 行代码会将新创建的按钮添加到页面中。
Hello GWT 就这样完成了，运行一下，看看效果如何。

求知路漫漫

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
gwt在eclipse中创建项目

来自 http://book.douban.com/reading/13439674/说明 GWT 项目可以通过命令行和Eclipse插件两种方式创建。创建GWT项目的命令是webAppCreator。出于实用性考虑，本书不使用命令行相关工具，只在说明部分给出操作所对应的命令。具体使用方法及参数，可以查看 GWT 的说明文档。clipse 插件安装完成后，Eclipse 工具条中会增加一个
复制链接

扫一扫