构建 GWT 应用：简介
在本教程中，您将编写这个简单的 AJAX 应用，StockWatcher。
请尝试使用 StockWatcher。添加一些股票代码并查看它的工作原理。
在构建 StockWatcher 的过程中，您将了解 GWT 如何提供工具，使您可以
- 使用您选择的 Java IDE 用 Java 编写浏览器应用程序
- 在 GWT 开发模式下调试 Java
- 将您的 Java 代码交叉编译为高度优化的 JavaScript
- 为多个浏览器实现维护一个代码库（Java）
使用 GWT 进行 AJAX 应用程序开发流程
本“构建示例 GWT 应用”教程分为 8 个部分，遵循典型的应用开发周期。每个部分都建立在之前的部分基础上。在这个 StockWatcher 的基本实现中，所有功能都在客户端进行编码。服务器端编码和客户端/服务器通信将在 其他教程 中介绍。
| 任务：您将执行的操作 | 概念：您将学到的知识 | GWT 工具和 API：您将使用的工具 |
|---|---|---|
| 1. 创建 GWT 项目 | 生成开始使用所需的必要文件和目录。 | Eclipse 的 Google 插件；GWT 命令行工具 webAppCreator；开发模式 |
| 2. 设计应用程序 | 确定需求、约束和实现策略。 | 语言约束 |
| 3. 构建用户界面 | 布局视觉设计并添加用户界面组件。 | GWT 小部件和面板，根面板 |
| 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 编译器 |
下一步
如果您尚未使用 Java SDK、Java IDE（如 Eclipse）和最新版本的 Google Web Toolkit 设置开发环境，请在开始之前进行 设置。
您已准备好创建一个 GWT 项目。