今天头一次接触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其他的文章 觉得好的话就赞一下吧。。 一步一步的截图 打字 好累的说。。。