使用 Google Web Toolkit 和 JSON开发Ajax应用程序

http://tech.ddvip.com   2007年08月25日    社区交流

内容摘要:本文介绍如何使用 Google Web Toolkit(GWT) 和 JSON 开发一个示例 Ajax 应用程序。作者将分别介绍如何在客户端使用 GWT 的 JSON API 来解析和生成 JSON 编码的数据,以及如何在服务器端使用 GWT 的 RemoteServiceServlet 来接受和回复来自客户端的请求,并使用 SOJO 来解析处理 JSON 数据。

  客户端通过 GWT 的 UI Component 来构建用户界面。客户端收集用户输入的参数 testCaseNum 和 testSuites ,编码成为 JSON 格式数据,并通过 RequestBuilder 发送到服务器端。得到返回信息以后,解析 JSON 数据,并将得到的测试结果通过 resultsGrid 实时显示出来。

  服务器端 RemoteServiceServlet 接收到 JSON 格式数据以后,解析并转换为 RequestForm 对象。服务器获取请求参数,并启动测试程序。当客户端发送获取当前已完成测试结果请求的时候,服务器端读取所有生成的 TestResult 对象,并转换成为 JSON 格式数据返回给客户端。

  创建 Unit Test Ajax Application 的 Eclipse 项目

  首先下载 Google Web Toolkit,目前最新版本为 1.4 RC,本示例代码是基于 GWT 1.4.10 开发的。

  本文示例将把 gwt-windows-1.4.10.zip 文件解压到 c:gwt-windows-1.4.10,在该目录下将会有 projectCreator.cmd 和 applicationCreator.cmd 两个文件。然后建立项目目录 c:workspaceunitTestProject。打开命令窗口,进入到该目录,并运行以下命令来创建 Eclipse 项目所需的项目文件:

projectCreator -eclipse unitTestProject
applicationCreator -eclipse unitTestProject unitTest.client.MainApplication

  之后就可以在 Eclipse 中导入 GWT 创建的项目 unitTestProject。

  

  为了让 GWT 客户端支持 GWT 提供的 JSON 和 http 模块,需要在项目的 src/unitTest/MainApplication.gwt.xml 文件中加入 JSON 和 http 的模块声明。这样才能在 GWT 中正常使用 com.google.gwt.json.* 以及 com.google.gwt.http.* 包中的 Java 类。清单 1 列出了需要加入的 inherits。

来源:ibm    作者:邹林志    责编:豆豆技术应用

正在加载评论...