面向 Java 开发人员的 Ajax: 探索 Google Web Toolkit

　　图 1. 运行最简单的 GWT 示例

　　构建 Weather Reporter 应用程序

　　我将用 GWT 创建一个简单的 Weather Reporter 应用程序。该应用程序的 GUI 向用户显示了一个用于输入 ZIP 代码的输入框，还显示了一个使用摄氏温度还是华氏温度来表示温度的选项。当用户单击 Submit 按钮时，该应用程序用 Yahoo! 的免费天气 API 获得所选定地区的 RSS 格式的报告。然后提取这个文档的 HTML 部分，并将它显示给用户。

　　GWT 应用程序被打包成模块，并且必须符合特定的结构。名为 module-name.gwt.xml 的配置文件定义了充当应用程序入口点的类，并指明是否要从其他 GWT 模块继承资源。在应用程序的源包结构中，必须将配置文件放在与client包和 public 目录相同的级别上，所有客户端 Java 代码都在 client 包中，而 public 目录包含项目的 Web 资源，比如图片、CSS 和 HTML。最后，public 目录中必须包含一个 HTML 文件，该文件中必须有一个包含模块的限定名称的meta标记。GWT 的运行时 JavaScript 库使用这个文件来初始化应用程序。

　　在指定了入口点类的情况下，GWT 的applicationCreator会替您生成这个基本结构。所以可以将调用

　　applicationCreator developerworks.gwt.weather.client.Weather生成一个项目框架作为创建 Weather Reporter 应用程序的起点。在该应用程序的源代码下载中包含的 Ant 构建文件中，有一些有用的目标（target），可使用它们让 GWT 项目符合这个结构。（请参阅 下载）。

　　开发基本的 GUI

　　首先，我将开发应用程序的用户界面小部件（widget）的基本布局，且不添加其他任何行为。Widget类是可以呈现在 GWT UI 中的几乎所有类的超类。Widget总是包含在Panel中，Panel 本身也是Widget，所以可以被嵌套。不同类型的面板提供了不同的布局行为。所以，GWTPanel扮演的角色与 AWT/Swing 中的Layout或 XUL 中的Box类似。