使用 Flex 和 Dojo 开发交互式Web应用程序

核心提示： 图 1. 应用程序模型为了达到表现层和服务器端动态交互的目的，这里所采用的方式是：由 Flex Builder 编译生成的 SWF 文件可以通过 AMF 协议方式或 XML 方式为 FlashPlayer 与服务器端提供一种高性能的访问方式；而 Dojo 则是通过 JSON-RPC 来异步调用服

图 1. 应用程序模型

为了达到表现层和服务器端动态交互的目的，这里所采用的方式是：由 Flex Builder 编译生成的 SWF 文件可以通过 AMF 协议方式或 XML 方式为 FlashPlayer 与服务器端提供一种高性能的访问方式；而 Dojo 则是通过 JSON-RPC 来异步调用服务器端 Java 对象。具体的实现方式会在接下来的实例中具体阐述。

开发环境

Flex Builder3.0, 服务器 IBM WebSphere V6.1 Server，当然也可以使用其他 J2EE 服务器。

构建基于 Flex 的图片处理应用程序

本图片处理应用程序创建一个 Canvas 组件，用于显示用户在图片列表中选中的图片，对于在 Canvas 组件中显示的图片，提供图片放大缩小及图片拖拽的功能。接下来将详细介绍这个基于 Flex 图片处理应用程序的实现步骤：

创建新的 Flex 应用程序

打开 Flex Builder 工具，在菜单中选择

File -> New -> Flex Project

创建一个新的 Flex 工程，其他选项如下图所示：

图 2. 创建应用程序

点击Finish按钮后完成创建步骤。在 Flex Development 视图下，可以看到新建的项目结构如下所示：

图 3. Flex 应用程序文件结构