GWT是什么
Eclipse Google 插件结合使用时，优势更明显。
google的官方说的很详细
http://code.google.com/intl/zh-CN/webtoolkit/overview.html
安装eclipse和插件
Update sites
If you are already familiar with installing Eclipse plugins, you can just use the update site URL below for your version of Eclipse.
Eclipse 3.7 (Indigo)
http://dl.google.com/eclipse/plugin/3.7
Eclipse 3.6 (Helios)
http://dl.google.com/eclipse/plugin/3.6
Eclipse 3.5 (Galileo)
http://dl.google.com/eclipse/plugin/3.5
使用群体
这些教程的目的是为那些希望使用Google网页工具包编写丰富的AJAX应用程序的开发。您可能是一个Java开发人员希望能够编写的Web应用程序时，应用的面向对象编程，并充分利用的工具，在您的Java IDE的软件工程原则。或者您可能GWT的能力与多种浏览器的排列的JavaScript生成高度优化的JavaScript大师好奇。
HTML，CSS和Java的知识虽然是假设，它并不需要运行这些教程。
开始之前
开始之前这些教程中，我们假设你做了以下工作：
•安装了Java SDK。
如果你没有一个最新版本的Java SDK安装，下载并安装Sun Java标准版SDK。
•安装Eclipse或您最喜爱的Java IDE。
在这些教程中，我们使用Eclipse，因为它是开源的。但是，GWT不配合你的Eclipse。您可以使用的IntelliJ，NetBeans或你喜欢的任何Java IDE。如果您使用一个Java IDE Eclipse的其他截图和一些在本教程中的具体说明会有所不同，但基本的GWT的概念将是相同的。
如果您的Java IDE不包括Apache Ant的支持，你可以下载并解压缩Ant来轻松编译和运行GWT应用程序。
•安装Eclipse的谷歌插件。
谷歌为Eclipse插件添加到Eclipse的功能，为创建和发展GWT应用程序。
•下载Google Web工具包。
Google网页工具包可以下载Eclipse的谷歌插件。另外，下载您的操作系统的谷歌Web工具包的最近期的分布。
•解压目录中的GWT分布，你要运行它。
GWT没有一个安装程序。你需要的所有文件，运行和使用GWT是位于中提取的目录。
您也可选择做到以下几点：
•安装谷歌的App Engine SDK。
谷歌的App Engine允许你运行的Java Web应用程序，包括GWT应用程序，Google的基础设施。在App Engine SDK可以下载Eclipse的谷歌插件。另外，分别用于Java的App Engine SDK下载。
GWT的教程
开始从头开发StockWatcher应用程序与谷歌Web工具包。您将学习创建一个GWT项目，建立与GWT的wigdets板，代码在Java语言中的客户端功能，在托管模式下的调试用户界面，应用CSS样式的Java编译成JavaScript，运行中的应用Web模式。
客户机/服务器通信
•通过GWT的RPC与服务器通信。
添加服务器使用GWT RPC调用。您将学习如何进行异步调用，序列化的Java对象，并处理异常。
•通过HTTP检索JSON数据
发出HTTP请求从服务器检索JSON数据。同样的技术也可用于检索XML数据。
国际化
•GWT应用程序的国际化
翻译成另一种语言使用静态字符串国际化的一个GWT应用程序的用户界面。
测试
•使用JUnit进行单元测试
GWT应用程序的使用JUnit的单元测试。
谷歌的App Engine
•GWT和谷歌的App Engine
GWT应用程序部署到App Engine。
入门
在本教程中，你将会写这个简单的AJAX应用程序，StockWatcher。
IDE
调试Java在托管模式模拟浏览器体验
交叉编译你的Java代码到高度优化的JavaScript
保持一个多个浏览器的实现代码（JavaScript）的基地（JavaScript）
AJAX应用程序开发过程中使用GWT
本入门教程分为8节，一个典型的应用程序开发周期。基于前面的每个部分。在这个基本StockWatcher实现，所有的功能是编码的客户端上。服务器端编码和客户机/服务器通信是覆盖在其他教程。
starter应用程序。然后，您将检查所创建的项目文件。
SDK）解压缩的目录。
点击Finish按钮。
与GWT1.6开始，已被合并前的命令行工具projectCreator和applicationCreator的webAppCreator。
创建StockWatcher应用程序。
在命令行，运行webAppCreator，并把它传递以下参数：
webAppCreator -out StockWatcher com.google.gwt.sample.stockwatcher.StockWatcher
webAppCreator生成的项目子目录和文件，你需要开始。
Created directory StockWatcher/src Created directory StockWatcher/war Created directory StockWatcher/war/WEB-INF Created directory StockWatcher/war/WEB-INF/lib Created directory StockWatcher/src/com/google/gwt/sample/stockwatcher Created directory StockWatcher/src/com/google/gwt/sample/stockwatcher/client Created directory StockWatcher/src/com/google/gwt/sample/stockwatcher/server Created file StockWatcher/src/com/google/gwt/sample/stockwatcher/StockWatcher.gwt.xml Created file StockWatcher/war/StockWatcher.html Created file StockWatcher/war/StockWatcher.css Created file StockWatcher/war/WEB-INF/web.xml Created file StockWatcher/src/com/google/gwt/sample/stockwatcher/client/StockWatcher.java Created file StockWatcher/src/com/google/gwt/sample/stockwatcher/client/GreetingService.java Created file StockWatcher/src/com/google/gwt/sample/stockwatcher/client/GreetingServiceAsync.java Created file StockWatcher/src/com/google/gwt/sample/stockwatcher/server/GreetingServiceImpl.java Created file StockWatcher/build.xml Created file StockWatcher/README.txt Created file StockWatcher/.project Created file StockWatcher/.classpath Created file StockWatcher/StockWatcher.launch Created file StockWatcher/war/WEB-INF/lib/gwt-servlet.jar
目录结构
/src/com/google/gwt/sample/stockwatcher 包含GWT模块的定义和初始应用程序文件。
/war 静态资源可以公开服务，如图像文件，样式表和HTML主机网页。
/war/WEB-INF Java Web应用程序文件。
/war/WEB-INF/lib Java Web应用程序库。
开始使用GWT1.6以后静态文件都被移到/war下
创建的文件
StockWatcher.gwt.xml
GWT模块定义
StockWatcher.html
主网页
StockWatcher.css
应用样式表
web.xml中的
Java Web应用程序描述符
StockWatcher.java
GWT切入点类
GreetingService.java，GreetingServiceAsync.java，GreetingServiceImpl.java
GWT的样品RPC类
gwt-servlet.jar
GWT服务器运行时库
脚本创建
build.xml文件
在托管模式下运行的应用程序或GWT编译器命令行调用Ant构建文件。
创建Eclipse的文件
。项目
。类路径
StockWatcher.launch
要看到webAppCreator选项的完整列表，请参阅命令行工具，webAppCreator。
项目结构的更多信息，请参阅开发人员指南，目录/包公约。
2。测试的默认项目的组成部分
要检查所有项目组件创建，运行在托管模式下启动应用程序。在托管模式下，你可以在浏览器中的应用与互动，就像你当它的最终部署。
运行在托管模式下（从Eclipse）应用程序
在Package Explorer视图中，选择StockWatcher项目。
在工具栏上，单击运行按钮（Web应用程序运行）。
运行托管模式（从Eclipse）应用程序
webAppCreator创建一个Ant构建，目标是在托管模式下运行的应用程序的文件。
在命令行中，改变StockWatcher目录
执行：
ant hosted
提示：如果你在你的PATH环境变量的Ant命令行工具，你不会有调用由他们指定的完整路径。
GWT的打开两个窗口，托管模式浏览器和发展外壳或控制台。发展外壳包含一个日志查看器来显示状态和错误消息。托管模式浏览器包含起动应用程序。
GWT与起动的应用程序来帮助您测试所有组件的安装和配置之前，你开始发展船舶。当你开始编写的StockWatcher应用程序，你会替换为自己的首发的应用程序代码。
要终止起动的应用程序，从GWT菜单选择退出的GWT
3。研究项目的组成部分
让我们来看看一些生成的文件，看他们如何结合在一起，形成GWT项目。
模块XML文件
打开模块XML文件，StockWatcher/src/com/google/gwt/sample/stockwatcher/StockWatcher.gwt.xml.
它包含GWT模块，收集资源，包括一个GWT应用程序或共享的包的定义。默认情况下，StockWatcher继承每个项目所需的核心GWT功能。另外，您可以指定其他GWT模块继承。
在模块XML文件，您可以指定您的应用程序的入口点类。为了编译，一个GWT模块必须指定一个切入点。如果一个GWT模块没有切入点，那么它只能被继承其他模块。它可能包括其他的模块，其模块XML文件中指定的入口点。如果这样，那么你的模块有多个入口点。每个入口点是顺序执行。
默认情况下，StockWatcher使用两个样式表：GWT的默认样式表，standard.css（这是通过继承的主题引用），并应用样式表，这是由webAppCreator生成的StockWatcher.css。在本教程后面，您将学习如何覆盖默认的GWT的风格。
StockWatcher.html。
为Web应用程序中的代码执行在一个HTML文档。在GWT中，我们称这种宿主页面。例如，为StockWatcher项目的宿主页面StockWatcher.html。
宿主页面引用应用样式表，StockWatcher.css。
主机页面引用（由GWT产生）负责页面上的动态元素的JavaScript源代码的路径。整个身体的元素的内容可以动态生成的，例如，因为它与初始应用程序。但是，当您执行StockWatcher应用程序时，你会使用静态和动态元素的混合。您将创建一个HTML<DIV>元素作为占位符使用动态生成的页面部分。
此问题已得到大大改善，因为GWT 1.5的，和正在做更多的工作来解决这个问题一劳永逸。
保留浏览器历史记录
GWT提供了帮助满足您的应用程序，一个网页的用户的期望，在他们的能力，在这种情况下，作为一个多页的向导或购物车/结帐情况下使用的浏览器的后退按钮的具体机制。宿主页面中包含IFRAME标记纳入GWT应用程序的历史支持所必需的。
要了解GWT应用程序的管理浏览器历史记录的更多信息，请参阅开发人员指南，历史。
StockWatcher.css。
样式表是与每个项目相关联。默认情况下，应用程序的样式表，StockWatcher.css，包含起动应用程序的样式规则。在本教程中的应用样式“部分中，您将取代起动应用程序的样式规则，为StockWatcher应用程序的样式规则。
正如任何网页，您可以指定多个样式表。在他们的继承顺序列出多个样式表，也就是说，在最后一个样式表中列出的最具体的样式规则。
gwt.user.User。
下一步是什么
此时，您已经创建为StockWatcher应用程序的存根文件，并加载到Eclipse中（或任何Java IDE中你喜欢）项目。
现在，您可以设计的StockWatcher应用程序。
第2步：设计中的应用
此时，您已经创建的存根文件，你需要开始编码StockWatcher。
在本节中，你会检讨的功能要求和设计用户界面。
检查的功能要求。
标识的用户界面设计的元素。
（供应非法字符或现有股票在输入简单的验证。）
显示每个股票的以下信息：符号，价格自上次刷新，更改。
用户提供的能力，从列表中删除的股票。
刷新的股票价格。
自上次刷新数字和百分比计算的变化。
显示显示最后更新的时间戳。
2。识别的用户界面设计的元素