使用GWT的第一个程序

今天头一次接触GWT写了一个welcome页面，感觉GWT不是特别难。只不过缺点是没有中文的API  （我也不懂英文，，肿么办?  google翻译呗。。）  还有刚刚编译的时候死慢。。 不过修改代码后直接刷新页面后就可以看到新的效果了。对于这点洒家还是比较满意的。至少不用每次都经过漫长的编译过程。。  好了不多说废话了。下面就开始我们的GWT之旅。

第一步

1、eclipse 我的是3.7

2、eclipse插件

至于怎么安装ecli[se我就不说了 百度一搜一堆

下面说说具体怎么装gwt的插件。

1、安装eclipse的GWT插件：打开eclipse--help--Insall New Software  点击Add 然后填写Name（这个随便了。。我写的是GWT）Location写http://dl.google.com/eclipse/plugin/3.7填写后点击确定出现一堆要选择的插件。。具体选哪个我也不晓得 只能全选上了- -  点击Next然后等待漫长的下载。。

2、安装GWT的SDK：这个需要去google自行下载了。。。要根据eclipse的版本去下载。  这个是地址：http://code.google.com/intl/zh-CN/eclipse/docs/download.html 可以用google浏览器翻译成中文。。  google浏览器对不懂英语的童鞋是一大福利啊。下载后解压任意目录。。

3、下载GWT的插件：GWT的插件需要有WST插件的支持，可以到eclipse官方下载WST插件。下载完成后把zip中的features和plugins子目录解压到eclipse的安装目录的dropins目录即可。

4、配置：以上工作完成后，启动eclipse程序 选择windows--Perferences菜单 弹出Perferences对话框 咱开google--Web Toolkit配置节点点击Add 弹出添加SDK对话框，输入SDK解压目录 然后给SDK起一个唯一的名称

点击OK 重启eclipse

---------------------------华丽的分割线-----------------------------------

到这里gwt的插件已经配置完成了。

下面我们做gwt的第一个程序。

安装完成后eclipse的工具栏会多出几个gwt的工具。 如图

选择那个蓝色的 google Development Tools--New Web Appliction Project 新建gwt项目

然后项目名啊 包名啊什么的就不说了 直接finish完成

删除src下client下的GreetingService.java、GreetingServiceAsync.java和server目录

war下的web.xml中servlet和servlet-mapping也要删除

打开war目录下的WelcomeGwt.html 简化成一个普通的html文件

注意 里面有个javascript的引用，这个不需要删除。

打开src--zhy--client下的welcomeGwt.java删除所有内容（清空类内的所有代码）编写代码

package zhy.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 WelcomeGwt implements EntryPoint {
	
	//这个是页面加载时执行的代码
	@Override
	public void onModuleLoad() {
		Button btn=new Button("我的第一个GWT按钮");  //新建一个按钮
		//给按钮添加单击事件
		btn.addClickHandler(new ClickHandler() {
			@Override
			public void onClick(ClickEvent event) {
				Window.alert("你好");//调用windows的弹窗
			}
		});
		RootPanel.get().add(btn);  //把按钮添加到页面中
	}
}

点击Run As 选择Run As--Web Appliction启动

然后就是漫长的编译过程 eclipse输出这个的时候 右键 open

自己可以配置一下eclipse的默认浏览器。  我选的是google

到这里就完成第一个gwt程序了。 后续继续更新gwt其他的文章  觉得好的话就赞一下吧。。 一步一步的截图 打字 好累的说。。。