使用GWT开发AJAX应用程序

来源：天极开发作者：出处：巧巧读书 2006-08-24 进入讨论组

关键词：ajax apache director firefox google

应用MFC开发高级应用程序

在VC++应用程序中读取文本数据

在Ajax应用程序中实现数据交换

DirectSound应用程序开发快速入门

五、巧妙的服务机制

　　在Ajax应用程序中使用RPC可以消除显式地处理XMLHttpRequest和相关的服务器返回值的必要性，因为GWT对象能够为你处理复杂任务。

　　你的应用程序定义的每个服务都要求实现两个Java接口和一个Java类。为了编译这些类，你必须确保gwt-user.jar库位于你的classpath(由一个Ant文件入口负责实现这项任务)中。下列代码示例展示了定义我们的服务的Java接口。

package com.parkerriver.gwt.testapp.client;
import com.google.gwt.user.client.rpc.RemoteService;
public interface ShowRespService extends RemoteService{
String displayResponse(String req);
}

　　这个服务接口要求扩展GWT接口RemoteService。它定义了单个方法displayResponse()。

　　另外，你还必须定义一个客户端（或使用最终下载的JavaScript代码）用于调用这个服务方法的接口。当我显示客户端代码时(请参考MyForm.java)，该GWT使用一个我描述的回调设计模式。

package com.parkerriver.gwt.testapp.client;
import com.google.gwt.user.client.rpc.AsyncCallback;
public interface ShowRespServiceAsync {
public void displayResponse(String s，AsyncCallback callback);
}

　　这个AsyncCallback对象负责（作为GWT API的一部分）为客户端处理服务响应。

　　六、一个Servlet

　　最后，你必须定义一个实现远程服务接口的Java类。这个类将位于你的Ajax应用程序的服务器端。

package com.parkerriver.gwt.testapp.server;
import com.parkerriver.gwt.testapp.client.ShowRespService;
import com.google.gwt.user.server.rpc.RemoteServiceServlet;
import java.util.Date;
public class ShowRespServiceImpl extends RemoteServiceServlet
implements ShowRespService {
public String displayResponse(String req) {
if(req.length() ＜ 1) {
throw new IllegalArgumentException(
"Blank submissions from the client are invalid.");
}
StringBuffer buf = new StringBuffer("Your submission: ");
Date date = new Date();
String serverInfo = this.getServletContext().getServerInfo();
buf.append(req);
buf.append("\n");
buf.append("Server response: ");
buf.append(date.toString());
buf.append("\n");
buf.append(serverInfo);
return buf.toString();
}
}

　　这个类必须继承RemoteServiceServlet（这是本身继承自javax.servlet.http.HttpServlet的一个GWT API对象）。也就是说，这个类及其实现的接口必须被发布到你的servlet容器中。

　　七、步骤

　　现在，既然定义了服务，那么让我们来回顾一个这个应用程序的目录结构。GWT包括一个命令行脚本applicationCreator，它能够为你生成一个框架性的工程目录结构。在你解压下载的GWT后，你会在顶级目录下发现该applicationCreator。我使用下列命令行作为开始：

applicationCreator -out /Users/bruceperry/1gwt/secondapp/ com.parkerriver.gwt.testapp.client.MyForm

　　图3展示了该目录看上去的样子。

图3:一个GWT和IntelliJ工程目录

　　applicationCreator生成./src目录以及MyForm-compile和MyForm-shell脚本。我的Ant文件执行的是MyForm-compile；另一个脚本将在GWT模式下启动主机方式。这个./src目录中包括了嵌套的目录以匹配你的包名，如图4所示。

图4.一个GWT应用程序的Java包和模块

　　MyForm.gwt.xml文件是一个生成的配置文件，它其实是GWT调用的一个“模块”。它指定描述你的应用程序“入口点”的Java类（这是一个类似于一个包含一个main()方法的Java类）。

＜module＞
＜!—继承核心Web Toolkit。--＞
＜inherits name='com.google.gwt.user.User'/＞
＜!--指定应用程序入口点类。--＞
＜entry-point class='com.parkerriver.gwt.testapp.client.MyForm'/＞
＜/module＞

　　其它的文件或目录，包括./classes、./WEB-INF和./gwtproj.ipr，都是一个IntelliJ Web应用程序工程的必要组成部分；因此，你不必特别注意它们。

　　另外，直到生成你的应用程序代码的GWT编译器时，./www目录才出现（除非你自己创建它）。我的工程使用了Ant文件gwtproj.xml，还有定义在gwtproj.properties中的属性。在我向你展示Ant构建文件前，我们先来看一下描述应用程序入口点的MyForm.java类。