用GWT开发的HelloGWT程序

本文详细介绍了如何通过命令行和Eclipse插件创建GWT项目,并提供了具体的步骤,包括使用webAppCreator命令,配置Eclipse工具条,新建Web应用项目,设置web.xml文件,以及编写和运行HelloGWT示例。

GWT项目可以通过 命令行和Eclipse插件两种方法创建。创建GWT项目的命令是webAppCreator,具体使用方法可以看GWT的开发文档。

Eclipse插件安装完成后,Eclipse的工具条会增加一个Google toolbar 如图所示,有几个主要按钮 分别是"New Web Application Project"(新建Web应用项目)、"GWT Compile Project" (GWT编译项目)、"Deploy App Engine Project"(部署AppEngine 项目)。

单击 "New Web Application Project" 按钮打开 "New Web Application Project" 对话框。 输入 工程名称 HelloGWT,包名 com.dante.gwt。这里不涉及 Google AppEngine, 取消"Use Google AppEngine"前的按钮,其他保持不变、

单击 "Finish" 按钮创建项目。GWT 新建向导创建的默认项目有点复杂。删除 GreetingService.java 、GreetingServiceAsync.java和com.dante.gwt.server 包以简化项目 如图所示

 删除不需要的文件后。web.xml(web.xml文件存在于war->web-inf-> lib 目录下)也要做相应的修改,删除 web.xml中的servlet 和servlet-mapping元素,修改后的内容代码清单如下

 1 <?xml version="1.0" encoding="UTF-8"?>
 2 <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 3          xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
 4               http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
 5          version="2.5"
 6          xmlns="http://java.sun.com/xml/ns/javaee">
 7   <!-- Default page to serve -->
 8   <welcome-file-list>
 9     <welcome-file>HelloGWT.html</welcome-file>
10   </welcome-file-list>
11 
12 </web-app>
View Code

 打开生成的HelloGWT.html文件,修改script 脚本的 资源文件src为"hellogwt/hellogwt.nocache.js" (老版本用修改)如图

接着打开HelloGWT.java删除所有内容输入代码清单:

package com.dante.gwt.client;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.event.dom.client.ClickEvent;
import com.google.gwt.event.dom.client.ClickHandler;
import com.google.gwt.user.client.Window;
import com.google.gwt.user.client.ui.Button;
import com.google.gwt.user.client.ui.RootPanel;

public class HelloGWT implements EntryPoint {

    @Override
    public void onModuleLoad() {
        // TODO Auto-generated method stub
        Button welcomeButton =new Button("HIERERWRW");
        welcomeButton.addClickHandler(new ClickHandler() {

            @Override
            public void onClick(ClickEvent event) {
                // TODO Auto-generated method stub
                Window.alert("Hello GWT!");
                
            }
        });
        
        RootPanel.get().add(welcomeButton);
    }
    
}

 

运行效果如下:

转载于:https://www.cnblogs.com/gredswsh/p/hellogwt_for_GWT.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值