使用Cypal Studio for GWT简化Ajax开发

　　三个包 client、server 和 public，位于指定源目录中的顶级包

　　client 包中的 FirstModule.java 文件，用作模块的初始入口点

　　public 包中的 FirstModule.html 文件，用于渲染实际页面的 HTML

　　创建和运行代码

　　最初，Java 和 HTML 文件包含编译所需的最少存根代码。但是，您可以在其中放入更丰富的内容：将清单 1 中显示的代码插入 HTML 文件的 body 部分。

　　清单 1. 创建和运行代码<table align=center>
　　<tr>
　　　　<td id="button"></td>
　　　　<td id="count"></td>
　　</tr>
</table>

　　然后将清单 2 中显示的 Java 代码放入 Java 文件。您还需要让 Eclipse 为导入类生成 import 语句。

　　清单 2. 向 Java 文件中添加 Java 代码　　int count = 0;
　　public void onModuleLoad() {
　　　　final Button button = new Button("Count Your Clicks!");
　　　　final Label label = new Label(String.valueOf(count));
　　　　button.addClickListener(new ClickListener() {
　　　　　　public void onClick(Widget sender) {
　　　　　　　　count += 1;
　　　　　　　　label.setText(String.valueOf(count));
　　　　　　}
　　　　});
　　　　RootPanel.get("button").add(button);
　　　　RootPanel.get("count").add(label);
　　}

　　由于这段代码位于 onModuleLoad() 方法中，因此它将在模块载入时自动运行。这段代码将不会过多地深入 GWT 部件集的细节，而是创建按钮和标签。它将向按钮添加侦听程序，然后将按钮和标签都放入文档对象模型 (DOM) ID 匹配传递给 RootPanel.get() 的字符串的 HTML 元素。