来自 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 的工具。
gwt在eclipse中创建项目
图 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 所示。
gwt在eclipse中创建项目
图 2-2 创建 GWT 项目对话框
gwt在eclipse中创建项目
图 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 就这样完成了,运行一下,看看效果如何。