一、搭建环境
1.下载和安装JDK
开发GWT应用程序之前，需要做一些准备工作。Java环境对于开发GWT应用是必不可少的。GWT工具包的编译需要JDKjdk最新下载安装步骤的支持，因此在安装GWT工具包之前请下载和安装合适的JDK，GWT工具要Java 5以上的版本。具体步骤如下：
第一步：
下载jdk，下载地址：acle/technetwork/java/javase/downloads/index.html下载JDK安装程序(本培训提供jdk1.7安装包)
下载后安装到E:\jdk目录下，可以根据实际情况将JDK安装到任意目录下
第二步：使用鼠标右击“我的电脑”→“属性”→“高级”→“环境变量”
第三步：系统变量->新建->变量名：JAVA_HOME 变量值：e:\jdk\ (该变量值是jdk的安装路径)
      系统变量->新建->变量名：CLASSPATH 变量值：.;%JAVA_HOME%\lib
      系统变量->编辑->变量名：Path 在变量值的最前面加上：%JAVA_HOME%\bin;
        (CLASSPATH的变量值英文中有句号“.”后跟一个分号，表示当前路径的意思)
验证是否配置成功-----进入doc中、输入java和javac命令都能正常显示。输入java -version命令能显示jdk的版本号！就可以了
提示  GWT的调试器依赖32位的SWT界面库。要在系统上调试GWT项目，必须安装32位JDK。当然在64位JDK环境中也可以编译GWT项目
2. 安装Eclipse和GWT的开发插件
开发GWT只需要JDK。但有个好的开发环境可以极大提高工作效率。Eclipse是最流行的Java集成开发环境。Google提供了GWT的Eclipse开发插件。目前Google提供的插件只支持
Eclipse 3.3以上版本。打开网址/downloads/，进入到Eclipse Downloads页面选择下载Eclipse IDE for Java EE Developers。下载完成后得到一个zip包。Eclipse是绿软件，解压后就能使用。本培训使用的是Eclipse 3.7版，其中GWT插件安装完后自带有GWT SDK 2.4版本。
在Eclipse的“Help”菜单下选择“Install ”， 单击菜单项后弹出Install对话框，在“Work with:”输入框中输入 dl.google/eclipse/plugin/3.7即可进行安装。如图所示：
勾选Google Plugin for Eclipse，GWT Desiger for GPE以及SDKs三个选项，点击“Next”按钮，接下来就傻瓜式地安装下去，一番漫长的等待后，插件安装完成。重启Eclipse后，Google Plugin for Eclipse安装完成。如下是成功后的Eclipse截图：
Google提供了非常有用的开发GWT的EclipsePlugin，具体插件安装过程可以参考以下网址：le/eclipse/docs/getting_started?hl=zh-CN
3. 下载GWT及GXT，搭建GXT开发环境
GWT 工具包支持不同的操作系统，请根据自己的操作系统选择合适的安装包；最新版本的Google插件中包含GWT SDK ，Eclipse安装Google插件成功后就不再需要下载单独的GWT SDK了，可以从Eclipse的plugins目录里面复制出来；也可以从le/p/google-web-toolkit/downloads/list下载。
GXT（即Ext GWT） SDK提供了类似于桌面开发环境的扩展组件，GWT的程序员可以轻松的使用他们就像使用GWT组件一样。除此之外，GXT还具有强大的本地操作和远程调用的特性，同时满足开发企业级应用程序的MVC架构需求。使用GXT开发出来的项目，可以给用户近类似于桌面应用程序的体验。要在Eclipse上搭建GXT的开发环境，得解压GXT工具包，把解压后的gxt.jar添加到已创建的GWT项目中，在GWT项目里配置引用相关GXT类库，并且要拷贝GXT自带的resource目录到现有的项目中。
(本培训提供gwt-2.1.1版本的安装包和gxt-2.2.1版本的安装包)
4.浏览器的插件
在浏览器中第一次运行GWT程序时，都会提示安装GWT开发插件，此插件要安装才能运行GWT项目，点击在线安装即可（注意:GWT的插件在太高版本的浏览器上会安装失败）
二、GWT应用程序的实例
    . 现在开始正式建立一个真正的 GWT 项目。单击 ，弹出下面的对话框：
    2. 输入Project name及Package，如上图，其中Package 很重要， GWT 的 Module 就放在这个目录下。选上 ”Use Google Web Toolkit” ，这是引用 GWT 要用到的 JAR 包。去掉 ”Use Google App Engine” ，因为我们还不需要将项目发布到 Google 的云端。 ”Sample Code” 是默认的，这样生成的项目会自动为我们建立好实例代码。生成的项目结构如下：
3. 可以看到如下的包结构
4. 现在一个可以直接运行的项目就算建好了，很简单吧。下面来试着运行它，看看效果。要运行该实例，根本不需要去部署项目， Eclipse 自带了 jetty服务器，在该工程下点击右键→ Run As → Web Application ，这时 jetty 服务就会启动，并加载当前的项目。
5.在安装了GWT插件的浏览器输入工程调试模式下发布的网址访问即可
如上图所示，会提供一个地址，表示服务已经启动，大家会注意到url后面跟的另外一个端口地址，那个是用来调用插件功能的，它会和Google自带的一个服务器jetty通讯，帮你调试degug，编译GWT程序自动发布js，方便开发，现在大家是不是已经明白下面要做什么了！先别急，这时去访问的话，浏览器会提示你安装一个叫 Google Web Toolkit Developer Plugin 的浏览器插件，否则不能浏览。要是把地址上的那段诡异的参数去掉，页面会提示 ”GWT module 'test' may need to be (re)compiled” ，为什么呢？

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。