利用Flex和Spring构建富互联网应用

### 利用 Flex 和 Spring 构建富互联网应用 #### 1. 富互联网应用（RIAs）概述 如今，企业愈发依赖数据驱动的通信方式来提升生产力。像 eBay 和 Facebook 这类基于互联网的应用，通过电子商务和社交网络为企业和消费者开辟了新方向。然而，与优秀的桌面应用相比，部分互联网应用在可用性和一致性方面仍有不足。 Web 2.0 的发展正是为了弥补互联网应用在丰富性和可用性上的欠缺，它将桌面应用与互联网应用相结合。Web 2.0 描述了互联网使用的变化趋势，推动了增强信息共享、网页应用功能和协作的技术发展，但并未改变万维网基础设施的技术规范。 富互联网应用（RIAs）融合了桌面应用和互联网应用的特性，拥有全新的外观和体验。它能提高用户生产力，无缝呈现聚合数据。通过企业仪表盘、商业智能工具和基于网络的 RIAs 等先进的数据可视化方式，企业能够快速将遗留数据流与动态、丰富的用户界面集成。 RIAs 具有以下优势： - **提升服务器性能**：通常采用无页面刷新模型，将应用加载到客户端内存，除非用户完全离开应用，否则无需刷新页面。这减少了服务器硬件加载应用的工作量，形成有状态的应用，降低了企业硬件的拥有成本。 - **丰富用户体验**：用户界面提供了普通 HTML 所没有的功能，如拖放功能、客户端计算的复杂应用功能以及动态更改数据的组件使用。 - **提高开发者生产力**：基于易于学习的可重用组件开发方法，像模型 - 视图 - 控制器（MVC）模式、命令模式和观察者模式等开发模式在 RIA 项目中易于实现。 #### 2. RIA 技术简介 远程脚本、X Internet、富 Web 客户端和富 Web 应用等术语都可用于描述如今的富互联网应用（RIAs）。X Internet 是当前互联网状态的演进，它通过向客户端用户界面交付可执行软件代码，接纳了 RIAs 的优势。 自首个 RIAs 诞生以来，对这类应用的需求急剧增长。有预测称，到 2010 年，至少 60% 的新应用开发项目将包含 RIA 技术，其中至少 25% 将主要依赖 RIA 技术。 应用现代化正从传统的瘦客户端（仅显示静态 HTML 页面）的客户端/服务器架构，转向基于使用 Web 服务获取数据的胖客户端、更分布式的计算架构。瘦客户端依赖中央服务器进行数据处理，数据状态维护在服务器层；而胖客户端则尽可能在本地处理数据，仅将数据状态传递给远程服务器进行存储。 传统 Web 应用在用户操作时需要刷新页面，增加了相关服务器的负载。与之不同，RIAs 是有状态的，能将数据刷新量降至最低。客户端引擎在首次运行应用时下载到客户端，保留应用的上下文或状态，与分布式服务器进行异步通信。这使得开发者可以编写更多逻辑，如排序、过滤、数据管理和缓存，构建胖客户端应用，无需频繁向服务器请求数据或显示内容，为构建大规模企业 Web 应用提供了有力的开发模型。 随着互联网宽带的发展，RIAs 可以将视频、音频、组件和数据分割成更小的单元进行网络传输，无需将所有数据和文件存储在客户端。大多数 RIAs 具有可移植性，通过编译语言和运行时插件（如 Flash、Curl 或 Silverlight）实现平台独立。RIAs 在运行时沙箱中运行，如 Flash 沙箱，可在支持 Flash 的大多数平台上运行。 目前，有多种 RIA 技术可供选择，包括： - Adobe Flex/Flash - Ajax（异步 JavaScript 和 XML） - OpenLaszlo - Microsoft Silverlight #### 3. RIA 架构栈 企业应用通常采用分层架构构建，将应用划分为不同的层级，以明确功能通道。常见的是将应用分为三层：客户端层、中间层和数据层。为支持各种功能，还可能添加其他层级，如安全、遗留系统集成和消息代理等。 各层级包含的具体层如下： | 层级 | 包含层 | 功能描述 | | ---- | ---- | ---- | | 客户端层 | 客户端层 | 向最终用户显示用户界面和应用组件 | | 中间层 | 表示层 | 维护应用的服务器端会话和状态，处理应用间的请求和响应 | | 中间层 | 业务层 | 包含应用的业务逻辑，控制和验证客户端可用的业务功能 | | 中间层 | 集成层 | 作为中间层的集成点，通过适配器和连接器打开与远程或本地数据库及数据源的数据连接 | | 中间层 | 持久层 | 通过池化数据库连接控制对数据库和数据源的访问 | 在典型的 Web 应用架构中，内容交付位于表示层，处理典型的请求/响应事务。这种模式效率较低，因为每次请求都需要刷新整个页面，减慢了应用的响应时间。而富客户端通过无需完全刷新页面来获取新内容，将请求/响应模型替换为事件驱动模型。 RIA 架构的一个优势是客户端浏览器托管 RIA 客户端引擎，如 Adobe 的 Flash Player。这个沙箱允许 RIA 在大多数平台和浏览器上运行，开发者只需为沙箱内的技术编写代码。中间层通常包含服务和表示资产，如图像、XML 文件和组件文件。数据服务可以封装在 Spring 等框架中，将客户端与数据层集成，实现应用组件的解耦。富客户端利用组件驱动模型，将应用构建成更小的模块，每个组件通过事件模型与服务器交互，实现异步事务，减轻服务器负载，按需交付内容。 #### 4. 介绍 Adobe Flex Adobe Flex 是一个开源框架，运行在 Adobe Flash Player 中，用于创建 RIAs。它结合了桌面应用的功能和 Web 应用的可用性，利用两者的优势创建在线电子邮件应用、电子商务应用和商业智能工具等，提供增强的数据可视化功能。 Flex 拥有大量现成的组件，如 DataGrid、Panel 和 Tree，用于渲染 Flex RIA 的视图。每个组件都可以进行高度定制，开发者可以更改颜色、边框和皮肤，甚至扩展组件以创建全新的自定义组件。Flex 还利用 Flash 的过渡和动画效果，支持数据推送和媒体流。 Flex 采用基于标准的编程模型，由 MXML 和 ActionScript 组成。MXML 是一种基于 XML 的语言，用于布局 Flex 应用视图中的组件，提供了一种声明式的方式来控制应用的视觉外观。ActionScript 是一种基于面向对象原则的脚本语言，用于处理客户端逻辑，便于大型应用的快速开发和大数据集的处理。Java 开发者由于 MXML 和 ActionScript 基于标准，能够轻松过渡到 Flex 开发。 #### 5. Adobe Flash Player Adobe Flash Player 与 Flex 应用密切相关。Flash Player 9 在成熟市场覆盖了 97.7% 的联网桌面设备，使这些设备能够查看 Flash 7 或更高版本的内容。Flash Player 可在大多数浏览器和操作系统上运行，为 Flex 应用提供了广泛的跨平台支持，减少了新服务器采购成本。同时，它集成了动画、音频/视频以及图形和绘图 API，为开发者带来了丰富的创意机会。 #### 6. Adobe Flex 的优势 Adobe Flex 具有以下优点： - **快速原型开发**：允许快速创建复杂 Web 应用的原型。 - **跨浏览器兼容性**：Flash Player 消除了编写特定浏览器代码的需求。 - **减少服务器负载**：客户端的状态性减少了服务器调用次数，降低了服务器 CPU 周期，应用框架无需每次用户操作都刷新页面。 - **多服务器支持**：可以在与 Java 平台企业版（Java EE）兼容的任何应用服务器上运行，如 Tomcat、Internet Information Server（IIS）或 WebLogic。 - **符合标准**：开发者可以编写符合 JSR - 168 标准的 Portlet。 #### 7. Flex 的目标应用 RIAs 适合交付多种类型的应用，包括交互式仪表盘、商业智能工具、自助服务应用、商务应用和网站等。这些应用具有以下特点： - **流程自动化**：管理流程自动化或工作流，增强多步骤业务流程。 - **离线处理**：支持离线处理，用户在断开服务器连接时可保存数据，重新连接时自动与数据源同步。 - **数据流推送**：需要向应用推送数据流，如股票行情报价器。 - **媒体内容聚合**：将媒体内容与应用逻辑和数据聚合。 交互式仪表盘通过与数据服务交互，为决策者提供信息和分析。Flex 可以创建动态的数据可视化组件，如图表、图形和自定义组件，并绑定实时数据流，让用户及时了解最新信息。 Flex 应用一般可分为以下几类： - **广告和品牌推广**：企业利用 Flash 开发应用，通过多种媒体渠道增强广告和品牌推广，结合更多图形、视频和音频元素，传递积极的企业形象。 - **企业应用**：许多企业应用处理过去劳动密集或手动的流程，引入 RIAs 可以简化这些流程，降低运营成本。 - **手持设备和手机应用**：随着纳米技术的发展，计算机处理器越来越小，散热更少，更多应用被推向手机和小型手持设备。移动应用（如电子邮件、在线聊天、音乐存档、图片和视频）功能日益丰富，社交网络也逐渐向移动设备迁移。 - **公共部门应用**：政府机构、教育机构和非营利组织需要技术来提供信息，由于这些组织的信息技术预算有限，RIAs 可能对它们特别有吸引力。 - **视频和媒体应用**：消费者期望视频和其他媒体能够无延迟地传输到桌面，宽带技术的进步使得视频能够高速在互联网上流式传输，RIAs 为最终用户提供了便捷的视频检索和播放方式。 #### 8. Flex 应用框架 Flex 框架可从 Adobe 免费下载，核心 Flex SDK 允许开发者从命令行编译 Flex 应用。开发者可以使用自己选择的编辑器或 IDE 开始构建应用。不过，Flex Builder（用于可视化构建应用、查看布局和样式）不是免费的。开发者可以结合 Flex SDK 使用 Ant 脚本构建应用，并在运行时查看样式和布局。 Flex 包含以下三个工具： - **Flex Builder IDE**：可以作为独立的 IDE 在 Eclipse 中下载安装，也可以作为 Eclipse 插件安装。建议安装为 Eclipse 插件，这样可以利用 Eclipse 的标准组件和 Java 视角，便于构建 Spring 项目。 - **Flex 绘图组件**：提供一系列绘图和图形组件，如条形图、折线图及其组合，通过视觉提示增强数据可视化。 - **Adobe LiveCycle Data Services（LCDS）**：前身为 Flex Data Services，通过远程处理、消息传递、数据管理服务和 PDF 文档生成，帮助 Flex 和 Adobe AIR 进行数据同步。该服务并非开源，更多信息可查看 [Adobe 官方网站](http://www.adobe.com/products/livecycle/dataservices/)。 #### 9. 介绍 Spring 框架 Spring 框架是一个开源框架，由 Rod Johnson 创建，旨在解决企业应用开发中的复杂设计问题。它为企业 JavaBeans（EJBs）提供了替代方案，并通过轻量级的控制反转（IoC）容器为 Bean 提供连接。 #### 10. Spring IoC 和依赖注入 与传统软件库不同，IoC 将系统的控制权反转。传统库期望客户端调用可重用的库函数来控制请求和响应，而 IoC 将控制权从可重用组件注入到特定于应用的代码中。Spring IoC 的重要特性是依赖注入（DI），目前有两种类型： - **构造函数注入**：在类实例化时，通过 Spring 类构造函数提供依赖项。 - **Setter 注入**：依赖组件通过 Spring 框架暴露 setter 方法，Spring 框架使用这些方法注入依赖项。这些依赖项在外部配置文件中定义，在 Web 服务器启动时加载到 Web 服务器上下文中。 Spring 使用 DI 解耦类依赖关系，负责 Spring Bean 的实例化和依赖注入，管理 Bean 的生命周期。Spring 旨在成为后端服务的集成点，能够与任何基于 Java EE 的服务器端技术（如 Tomcat）合作，无需承担许多领先 Java EE 应用服务器的成本和开销，因此是与 RIAs 集成的理想选择。 #### 11. Spring 核心模块 Spring 框架由六个核心模块组成，各模块的贡献如下： | 模块名称 | 功能描述 | | ---- | ---- | | 核心模块 | 提供框架的基本功能，实现 IoC 的关键在于依赖注入 | | JEE/上下文模块 | 位于核心容器之上，扩展其功能，提供一致的方式来控制 Spring 对象，提供企业服务，如电子邮件功能、EJBs 和国际化消息支持 | | 面向切面编程（AOP）模块 | 支持面向切面编程，将横切关注点（如日志记录和持久化）模块化，与业务逻辑分离，通过声明式方式定义组件功能，无需修改每个受影响的类 | | 数据访问对象（DAO）模块 | 为 Java 数据库连接（JDBC）API 提供抽象层，减少与 JDBC 连接、错误处理、结果集处理等相关的样板代码，防止因未手动关闭数据库连接而导致的问题，并作为错误消息管理器支持数据库服务器的消息 | | Web 模块 | 提供用于构建 Web 组件的集成功能，如多部分文件上传、使用 Servlet 监听器进行 IoC 实例化和 Web 上下文。Spring 的 MVC 包是当今设计和开发 Web 应用常用的方法，许多 Java 框架（如 Tapestry、JavaServer Faces（JSF）、WebWork 和 Struts）都实现了该模式，甚至在 Flex 的用户界面框架（如 Cairngorm 和 PureMVC）中也有应用 | | 对象 - 关系映射（ORM）模块 | 允许集成流行的 ORM 工具，如 Hibernate、TopLink、iBATIS、OBJ 和 Java 持久化 API（JPA） | #### 12. Spring 框架的优势 将 Spring 框架与 RIAs 集成具有以下主要优势： - **直接绑定**：允许 RIA 技术直接绑定到 Spring Bean。 - **模块化横切关注点**：AOP 将横切关注点（如日志记录和安全）模块化。 - **事务管理抽象**：提供事务管理的抽象层，支持嵌套、本地和全局事务。 - **易于测试**：基类设计为 JavaBeans，通过 setter 方法可以直接注入测试条件，便于测试。 - **严格分层架构**：允许将应用严格分层，在 MVC 模式中尤为明显。 - **轻量级开发环境**：是一个轻量级环境，使用普通 Java 对象（POJOs）可以快速构建和部署企业级应用，提高项目的代码产出。 - **数据层抽象**：数据层是一个抽象层，允许快速更改 JDBC 数据库访问和整个 ORM 技术，在切换数据库解决方案时可以保留其他 Spring 模块的代码。 #### 13. Flex 与 Spring 的结合 Flex 和 Spring 有多种集成机会。Flex 的数据可视化功能和从轻量级服务端快速获取数据的需求，与 Spring 框架非常契合。创建 Flex 对象时，可以绑定到 Spring 中的 Java Bean，Spring 成为 Flex 的理想数据服务源。 Flex 可以通过多种方式与不同的后端服务通信，不仅可以通过远程对象通信，还可以直接使用 HTTP 服务或 Web 服务。在实际的企业级应用中，使用远程对象进行集成被证明是最实用的实现方式，因为数据的二进制性质使得远程对象在网络传输中比 HTTP 服务和 Web 服务更快。 Flex 与 Spring 集成的关键是为 Flex 提供端点。本书主要使用 RemoteObject 协议从 Flex 调用 Spring 服务，需要创建一个网关来为 Flex 提供端点。在 Spring 中，创建一个工厂类来访问 Spring Bean，一旦创建并访问该工厂，就可以完全访问 Spring 容器中的对象。Spring 工厂是集成 Flex 和 Spring 的最重要元素。 综上所述，RIAs 结合了桌面应用和互联网应用的优势，提供了丰富的用户体验和高效的应用性能。Adobe Flex 作为创建 RIAs 的强大框架，与 Spring 框架的集成能够实现数据可视化和后端服务的有效结合，为企业应用开发提供了理想的解决方案。通过利用 Flex 的组件和编程模型，以及 Spring 的 IoC、AOP 和数据访问抽象等功能，开发者可以快速构建和部署企业级应用，满足不断增长的业务需求。 ### 利用 Flex 和 Spring 构建富互联网应用 #### 14. 集成 Flex 与 Spring 的步骤 为了实现 Flex 与 Spring 的有效集成，我们可以按照以下步骤进行操作： 1. **环境准备** - 下载并安装 Adobe Flex SDK，确保其版本与项目需求兼容。 - 配置 Spring 框架，可从官方网站获取最新版本，并将其集成到开发环境中。 - 安装 Adobe Flash Player，保证 Flex 应用能够正常运行。 2. **创建 Flex 项目** - 使用 Flex Builder 或其他支持 Flex 开发的 IDE 创建一个新的 Flex 项目。 - 在项目中定义 MXML 布局文件，使用现成的组件构建用户界面。 - 编写 ActionScript 代码处理客户端逻辑，如数据验证、事件处理等。 3. **配置 Spring 服务** - 创建 Spring 项目，定义 Java Bean 来处理业务逻辑。 - 配置 Spring 的 IoC 容器，使用 XML 或注解方式注入依赖项。 - 开发数据访问层，可选择使用 JDBC、ORM 工具（如 Hibernate）与数据库交互。 4. **建立通信通道** - 使用 RemoteObject 协议在 Flex 中调用 Spring 服务。 - 创建 Spring 工厂类，为 Flex 提供访问 Spring Bean 的网关。 - 在 Flex 中配置端点，确保能够正确连接到 Spring 服务。 5. **数据绑定与交互** - 将 Flex 组件与 Spring Bean 进行数据绑定，实现数据的实时更新。 - 处理 Flex 与 Spring 之间的异步通信，确保用户操作的流畅性。 6. **测试与部署** - 对集成后的应用进行单元测试和集成测试，确保功能的正确性。 - 将应用部署到生产环境，可选择使用 Tomcat、WebLogic 等服务器。 #### 15. 集成案例分析 以下是一个简单的集成案例，展示了如何使用 Flex 和 Spring 构建一个简单的员工信息管理系统。 **Spring 端代码示例** ```java // 定义员工实体类 public class Employee { private int id; private String name; private String department; // 构造函数、getter 和 setter 方法 public Employee(int id, String name, String department) { this.id = id; this.name = name; this.department = department; } public int getId() { return id; } public void setId(int id) { this.id = id; } public String getName() { return name; } public void setName(String name) { this.name = name; } public String getDepartment() { return department; } public void setDepartment(String department) { this.department = department; } } // 定义员工服务接口 public interface EmployeeService { List<Employee> getAllEmployees(); } // 实现员工服务接口 @Service public class EmployeeServiceImpl implements EmployeeService { @Override public List<Employee> getAllEmployees() { List<Employee> employees = new ArrayList<>(); employees.add(new Employee(1, "张三", "技术部")); employees.add(new Employee(2, "李四", "销售部")); return employees; } } ``` **Flex 端代码示例** ```xml <!-- MXML 布局文件 --> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx"> <fx:Script> <![CDATA[ import mx.rpc.events.ResultEvent; private function getEmployees():void { employeeService.getAllEmployees(); } private function onResult(event:ResultEvent):void { var employees:ArrayCollection = event.result as ArrayCollection; employeeDataGrid.dataProvider = employees; } ]]> </fx:Script> <fx:Declarations> <s:RemoteObject id="employeeService" destination="employeeService" source="com.example.service.EmployeeServiceImpl"> <s:method name="getAllEmployees" result="onResult(event)" /> </s:RemoteObject> </fx:Declarations> <s:Button label="获取员工信息" click="getEmployees()" /> <mx:DataGrid id="employeeDataGrid" width="100%" height="100%"> <mx:columns> <mx:DataGridColumn dataField="id" headerText="ID" /> <mx:DataGridColumn dataField="name" headerText="姓名" /> <mx:DataGridColumn dataField="department" headerText="部门" /> </mx:columns> </mx:DataGrid> </s:Application> ``` #### 16. 集成过程中的注意事项 在集成 Flex 与 Spring 的过程中，需要注意以下几点： - **版本兼容性**：确保 Flex SDK、Spring 框架和 Flash Player 的版本相互兼容，避免出现兼容性问题。 - **安全性**：在数据传输过程中，要注意数据的安全性，可采用加密、身份验证等措施。 - **性能优化**：合理设计数据库访问层，避免频繁的数据库操作，提高应用的性能。 - **错误处理**：在 Flex 和 Spring 中都要进行完善的错误处理，确保应用在出现异常时能够正常响应。 #### 17. 未来发展趋势 随着技术的不断发展，Flex 和 Spring 的集成也将面临新的挑战和机遇。以下是一些可能的发展趋势： - **移动应用开发**：随着移动设备的普及，将 Flex 和 Spring 集成到移动应用开发中，为用户提供跨平台的应用体验。 - **云计算**：利用云计算平台，实现 Flex 和 Spring 应用的弹性扩展和高可用性。 - **大数据处理**：结合大数据技术，对海量数据进行分析和处理，为企业决策提供支持。 - **人工智能**：将人工智能技术融入到 Flex 和 Spring 应用中，实现智能交互和自动化处理。 #### 18. 总结 通过本文的介绍，我们了解了富互联网应用（RIAs）的概念、优势，以及 Adobe Flex 和 Spring 框架的特点和功能。Flex 提供了丰富的组件和编程模型，用于创建具有吸引力的用户界面；Spring 框架则提供了强大的 IoC、AOP 和数据访问抽象等功能，用于处理业务逻辑和数据存储。将 Flex 和 Spring 集成在一起，可以充分发挥两者的优势，为企业应用开发提供高效、可靠的解决方案。 在实际开发过程中，我们需要按照一定的步骤进行集成，注意版本兼容性、安全性和性能优化等问题。同时，要关注未来的发展趋势，不断学习和掌握新的技术，以适应不断变化的市场需求。希望本文能够为开发者提供有益的参考，帮助他们更好地利用 Flex 和 Spring 构建优秀的企业应用。 下面是一个简单的 mermaid 流程图，展示了 Flex 与 Spring 集成的基本流程： ```mermaid graph LR classDef startend fill:#F5EBFF,stroke:#BE8FED,stroke-width:2px; classDef process fill:#E5F6FF,stroke:#73A6FF,stroke-width:2px; classDef decision fill:#FFF6CC,stroke:#FFBC52,stroke-width:2px; A([开始]):::startend --> B(环境准备):::process B --> C(创建 Flex 项目):::process C --> D(配置 Spring 服务):::process D --> E(建立通信通道):::process E --> F(数据绑定与交互):::process F --> G(测试与部署):::process G --> H([结束]):::startend ``` 这个流程图清晰地展示了从环境准备到最终部署的整个集成过程，帮助开发者更好地理解和掌握集成的关键步骤。