GXT快速入门教程.docVIP

PAGE10 / NUMPAGES10 Google Web Toolkit(2011.09.07) 1.Google Web Toolkit入门 1.1 Google Web Toolkit简介 如今，编写网络应用程序是一个单调乏味且易于出错的过程。开发人员可能要花费 90% 的时间来处理浏览器行话。此外，构建、重复使用以及维护大量 JavaScript 代码库和 AJAX 组件可能困难且不可靠。Google Web Toolkit (GWT) 允许开发人员使用 Java 编程语言快速构建和维护复杂但性能高的 JavaScript 前端应用程序，从而降低了开发难度，尤其是与 Eclipse Google 插件结合使用时，优势更明显。 1.2 Google Web Toolkit环境配置 1.2.1下载安装eclipse 1)下载eclipse： HYPERLINK /downloads/ /downloads/ 打开网页，当前eclipse的最新版本是3.7，选择”Older Versions”，因为最新版本的eclipse可能装不上GWT插件。 2)选择” Eclipse Helios Packages (v 3.6)”版本。 3)选择” Eclipse IDE for Java EE Developers” 4)选择”Windows 32-bit”(选择符合自己系统版本的eclipse，我的系统是32位的) 5)下载eclipse，解压即可使用。 1.2.2下载GWT插件 1)GWT插件可以在线安装，也可以离线安装，这里选择的是离线安装，把GWT插件下载下来： HYPERLINK /intl/zh-CN/eclipse/docs/install-from-zip.html /intl/zh-CN/eclipse/docs/install-from-zip.html 2)下载到本地：gpe-e36-latest-updatesite.zip 1.2.3 GWT插件安装 1)启动eclipse?”help”?”Install New Software...” 2)点击”Add…” 3)点击”Local…” ?选择 解压后的GWT插件：gpe-e36-latest-updatesite.zip的文件夹(不解压安装可能装不上插件) ?Name属性上填写插件名称(自定义) ?点击”OK” 4)勾选上?”Google Plugin for Eclipse(required)” ?”GWT Designer for GPE(recommended)” ?点击”Next” ?开始检查配置ing… ?需要一点时间 5)点击”Next” 6)选择”I accept the terms of the license agreements” ?”Finish” ?安装ing…等待安装完成… 7)重启eclipse，可以看到google web toolkit插件图标，表示安装成功，如图： 插件安装完成。 1.3创建GWT项目 1.3.1创建GWT项目 1)打开eclipse，”file”?”New”?”Web Application Project” 2)填写”Project name”和”Package”点??”Finish” 项目就这样创建好了。 1.3.2运行GWT项目 1)刚创建好的Project是可以直接运行起来的。 ?右键”创建好的Project” ?鼠标移至?”Run As” ?选择?”Web Application” 2)运行成功后，如图： 右键URL?”Open”就会打开浏览器访问URL，如果不能Open，可以直接复制到浏览器地址栏。 3)浏览器运行效果 点击”Send” 1.4 GWT组件 1.4.1 window 1)先把html清空，剩下部分，如图： 2. Google Web Toolkit服务器整合