使用WebSphere Application Server Feature Pack for Web 2.0创建基于Ajax的

使用WebSphere Application Server Feature Pack for Web 2.0创建基于Ajax的2010-12-08 IBM Li Long Chen使用WebSphere Application Server Feature Pack for Web 2.0创建基于Ajax的动态Web应用程序

简介

与 Web 2.0 相关的技术，比如 Asynchronous JavaScript™ XML （Ajax）、Web 远程和 Web 消息传递等，在当今的 Web 应用程序中变得日益流行。与传统 Web 应用程序相比，基于 Ajax 的应用程序可以提供更好的响应性和交互性。在那些并入了 Ajax 架构的 Web 应用程序中，用户不需要等待整个 Web 重载就能够看到来自服务器的新结果，并且他们可以使用更少的步骤在单个 Web 页面中完成任务，这个 Web 页面通常以增量式或按需供应的方式呈现。

为了满足对快速开发和交付支持 Ajax 的解决方案的日益迫切的需求，IBM WebSphere Application Server Feature Pack for Web 2.0 提供了一组丰富的组件集，使您能够轻松、高效地构建基于 Ajax 的应用程序。它还提供了一个基于开放标准的框架，用于将现有服务或解决方案资产集成到富 Internet 应用程序中。

功能部件包的主要组件包括：

Ajax 客户机/代理运行时

RPC （Remote Procedure Call）适配器

Web 消息传递服务

JSON4J （JavaScript Object Notation for Java）库

IBM SOAP 库

IBM Atom 库

IBM OpenSearch 库

IBM Gauge 部件

本文描述了使用 Web 2.0 功能部件包构建基于 Ajax 的图表应用程序的步骤。通过遵循这个示例，您将能够了解如何使用功能部件包中的组件来构建一个具有丰富用户体验的完整 Web 2.0 解决方案。

先决条件

本次练习假设您具有基本的 Web 应用程序开发知识，并且熟悉 Eclipse 或 IBM Rational® Application Developer。要完成这里介绍的步骤，您需要将 WebSphere Application Server Feature Pack for Web 2.0 成功安装到一个正常运行的 WebSphere Application Server（V6.0、6.1 或 7.0）环境中。

样例动态应用程序简介

本文附带的样例应用程序旨在演示使用 Web 2.0 功能部件包的主要组件构建基于 Ajax 的应用程序的方法，同时仍然能够满足不断变化的业务需求。这个样例应用程序使用动态图表报告在给定时间期限内汽车品牌的销售数量（使用条形图），以及让用户选择一个特定品牌来按地区查看销售分布（使用饼图）。此外，当后端数据发生变化时，更新后的数据将自动反应到这些图表中并呈现给用户。

样例应用程序 DynamicCharts 具有以下特性：

提供多个汽车品牌的汽车销售图表视图。

提供一个图表视图，可针对特定品牌按地区下钻销售分布信息。

按照配置好的时间间隔（初始值为 15 秒）自动更新显示在 Web 浏览器中的图表。

提供灵活的布局，使用户能够调整主视图和细节视图的大小。

DynamicCharts 应用程序使用以下功能部件包工具构建：

Ajax 客户机运行时

RPC 适配器

Web 消息传递服务

JSON4J

图 1 演示了 DynamicCharts 应用程序的主要功能，而图 2 描述了应用程序的整体结构和流程。

图 1. DynamicCharts 示例的功能