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

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

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

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

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

使用GWT的第一个程序相关推荐

Shiro第一个程序:官方快速入门程序Qucickstart详解教程
目录一.下载解压二.第一个Shiro程序 1. 导入依赖 2. 配置shiro配置文件 3. Quickstart.java 4. 启动测试三.shiro.ini分析四.Quickstart. ...
零起点学算法01——第一个程序Hello World！
零起点学算法01--第一个程序Hello World! Description 题目很简单输出"Hello World!"(不含引号),并换行. Input 没有输入 Outpu ...
她，诗人拜伦之女，英国数学家，历史上第一位程序员
作者丨吴军来源丨大数据文摘摘自丨<信息论> 人类使用机械处理信息的尝试是由两个看似不该有交集的英国人开启的. 在英格兰中部莱斯特郡的柯比-马洛里庄园,住着一对母女. 1816年初那个多 ...
python定义一个变量_Python新手上车3：Python第一个程序和变量
第一个程序上节内容我们提到了如何安装Python 以及安装配置VSCode,这节内容我们继续介绍第一个程序的建立: 1.在VS的左上角点击建立一个新的程序,命名为 python_0301_code. ...
第一个程序01 - 零基础入门学习汇编语言20
第四章:第一个程序01 让编程改变世界 Change the world by program 引言现在我们将开始编写完整的汇编语言程序,用编译器将它们编译成为可执行文件(如:*.exe文件),在操 ...
java 怎么让一个jlabel和一个jtextfield在一行_今天小哥大家分享一下Java编程语言的第一个程序应该怎么样去写...
哈喽,各位朋友们大家周六好!我是你们的老朋友90小哥爱数码! 那么,今天小哥要和大家伙儿分享这篇文章的主要内容依然是和Java编程语言有关系,大家都知道在上几篇的文章当中呢小哥分别给大家介绍了Java ...
java hello work_Java入门教程系列 – 第一个程序 “hello, world”
"Hello, World"程序指的是指在计算机屏幕上输出"Hello, World!"(意为"世界,你好!")这行字符串的计算机程序.一般 ...
python windows窗口置顶_Python入门：第一个程序“Hello, world”
本文主要内容安装Python 使用IDLE和基础交互模式编写一个简单的程序使用IDLE的Python shell窗口本章将介绍Python和IDLE的下载.安装和启动过程,IDLE是Pytho ...
Arduino可穿戴教程之第一个程序——上传运行程序(四)
Arduino可穿戴教程之第一个程序--上传运行程序(四) 2.4.5 上传程序现在所有Arduino IDE的设置都完成了,我们就可以将示例程序上传到板子中了.这非常简单,只需要单击如图2.45 ...

使用GWT的第一个程序

使用GWT的第一个程序相关推荐

最新文章

热门文章