[译稿]构建一个GWT应用程序

介绍

在本教程中，你将会编写一个简单的AJAX应用程序：StockWatcher（股指监视器）。

试着用用它，添加一些股票代码，体会一下它是如何工作的。

http://code.google.com/intl/en/webtoolkit/doc/latest/tutorial/gettingstarted/StockWatcher.html

在构建StockWatcher的过程中，你将会学习GWT是如何为你：

• 在你的Java IDE中用Java编写浏览器应用程序。
• 在仿真浏览器体验的宿主模式中调试Java。
• 将你的Java代码交叉编译为高度优化的JavaScript。
• 为多浏览器（JavaScript）实现维护一份代码基（Java）。

通过GWT开发AJAX应用程序的步骤

本示例应用程序分为以下8个步骤，每一节都建立在上一节的基础上。在这个简单的StockWatcher实现中，所有的功能都是在客户端进行编写的。有关服务器端以及客户端/服务器端交互的内容则被包含在其它教程中。

你将要完成的任务	你将会学习到的内容	你将会使用的GWT工具和API
1.创建一个GWT项目	生成开始所需的文件和目录。	Google Plugin for Eclipse GWT命令行工具webAppCreator 开发模式
2.设计应用程序	定义需求、约束并实施策略。	语言约束
3.构建用户接口	进行可视化布局并添加用户接口组件。	GWT widget、panel和Root panel
4.管理客户端事件	处理鼠标和键盘事件。	ClickHandler和KeyPressHandler接口
5.编写客户端功能	为多浏览器实现维护一份代码基。 利用你的Java IDE提供的诸如重构和代码完成功能。	各种各样的GWT方法
6.调式GWT应用程序	在Java代码被编译为JavaScript之前进行调试。 利用你的Java IDE提供的调试工具在开发模式下运行应用程序。	开发模式
7.应用样式	为应用程序应用可视化样式。 在CSS中定义可视化样式。 在HTML元素上设置类属性。 动态改变样式。 添加诸如图片文件等静态元素。	GWT 模块 GWT 主题 应用程序样式表 GWT方法：addStyleName、addStyleDependentName、setStyleName 自动资源纳入
8.编译GWT应用程序	编译你的客户端Java代码为JavaScript。 在产品模式下进行测试。 进一步了解延迟绑定的好处。	GWT 编译器

下一步

如果你还没有设置你的开发环境：诸如Eclipse这样的Java IDE以及最新版本的Google Web Toolkit，那么你需要做些准备。

你已经创建完成了一个GWT项目。

步骤1：创建一个GWT项目

转载请保留作者姓名及原网址(jiaowei.cnblogs.com)。