天天看点

gwt在eclipse中创建项目

来自 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 就这样完成了,运行一下,看看效果如何。