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 的工具。

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


“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:大白 设计师:CSDN官方博客 返回首页
评论
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值