初识GWT(1)

来源:互联网 发布:水泵扬程计算软件 编辑:程序博客网 时间:2024/06/03 16:32

直接进入正题。学习GWT建议最好是使用ecplise开发工具来进行。下面开始介绍GWT插件的安装和Hello world的运行。
1. Eclipse插件安装(因为GWT是goole的开源框架,国内下载需要翻墙,可以去百度vpn自行购买翻墙软件或其他)
打开Ecplise:Help->Install New Software..->Add..按钮
Eclipse安装GWT插件
其中url最后的3.4为你eclipse的版本号。Eclipse版本号可以在
Help->About Eclipse下查看。
下载所勾选的插件
一直next和accept到安装结束


  1. Hello World
    新建一个Project,选择Other,新建Web Application Project.如下图:
    新建项目
    输入项目名和包名
    注意:将Use Google App Engine的默认勾选去掉不选,Finish.
    项目结构
    自动创建的项目已经带了很多代码,但因为对初学者来说比较复杂,所以讲com.zongjb.server包和里面的类删除。删除client包中的GreetingService和GreetingServiceAsync。
    进入war->WEB-INF->web.xml。删除Servlet.
    将Hello_World.java的内容全部删除,只留如下代码:`package com.zongjb.client;

import com.google.gwt.core.client.EntryPoint;
public class Hello_world implements EntryPoint {

@Overridepublic void onModuleLoad() {}

}
`
在Hello_world.java中添加代码

public void onModuleLoad() {        Button button = new Button("Test");        button.addClickHandler(new ClickHandler() {            @Override            public void onClick(ClickEvent event) {                Window.alert("Hello World!");            }        });        RootPanel.get().add(button); //将按钮加入到根面板中,也就是html页面    }

Button为创建一个按钮,按钮的Value为Test,并且其添加一个绑定事件(addClickHandler),方法传入一个接口ClickHandler,实现onClick方法,当单击按钮时,弹出Hello World!

Run As ->Web Application(Super Dev Mode)。
注意:一定要跑在super dev mode下,不然需要安装浏览器插件。而且现在浏览器已经不支持这个插件,总而言之就是跑不了。

这里写图片描述

0 0