第23章 基于Flex框架的应用实例课件.pptVIP

第23章 基于Flex框架的应用实例 前面的章节详细地讲解了Flex的结构、ActionScript3.0语言的使用、Flex组件的应用和服务端的开发。本章中结合前面章节讲解的内容，通过【示例】的在线大头贴系统应用，说明一个Flex应用开发的全过程。 23.1 在线大头贴系统介绍 在线大头贴系统可以允许注册用户登录后，在线使用本机摄像头进行自拍大头贴的系统。并将图片存储在服务端，供用户随时查看。 23.1.1 功能需求 功能需求主要分为三个模块：用户管理、在线拍照管理和在线查看管理。这三个功能模块是相辅相成的，有着紧密的内部关联，每个模块的具体功能需要如表所示。 23.1.2 系统结构 这个系统的整体结构按照MVC模式分为前端的Flex部分（View），LCDS（Control）和纯粹的Java数据库操作（Model）三个部分，如图所示。 23.2 数据库设计 进行一个系统的开发，首先要建立起系统的数据存储模型，通过这个数据模型才能进一步地进行针对数据的存储操作。 23.2.1 表结构设计 在线大头贴系统中主要划分为两个表，分别为用户信息表和照片信息表。其中用户信息表的结构如表所示。 23.2.2 数据库创建 在线大头贴系统采用MySQL5.0作为数据存储的数据库。MySQL5.0数据库是免费的数据库，可以在/网站上下载到。 23.3 数据访问代码设计 在23.2节当中完成了数据库的创建，接下来需要进行对数据访问代码的设计。在这个应用当中，采用Hibernate作为数据访问层的架构模型。 23.3.1 Hibernate介绍 Hibernate是一款最优秀的ORM架构。ORM是指Object Relation Mapping，即对象关系影射。由于现在进行程序开发的语言多是面向对象语言，而数据库都是采用的关系型结构，所以如何将数据库的关系型结构转变为面向对象的数据结构是数据访问中最重要的问题。Hibernate就是一款优秀的开放源代码的ORM工具集。 23.3.2 通过Hibernate映射对象到数据库 Hibernate是通过Java对象和hbm.xml映射文件组织起来访问数据库的架构。在线大头贴系统拥有两个数据表，同样对应两个hbm.xml文件。 23.3.3 构建通过Hibernate访问数据库的代码 建立数据库映射后，接下来就是构建通过Hibernate访问数据库的代码。在线大头贴系统中主要是针对用户信息、学生信息和照片信息的管理。所以定义了两个数据访问Java类：UserService和PhotoService。 23.4 用户交互代码设计 Flex代码根据在线大头贴系统的需求，需要分为三个交互模块。这三个交互模块分别调用服务端的两个数据访问服务，形成完整的应用。 23.4.1 服务访问配置 为了让客户端可以访问到服务端代码，需要进行LCDS的Remoting服务配置。 23.4.2 访问服务端的ActionScript 3.0代码结构 在线大头贴系统需要有与服务端交互的ActionScript 3.0类。在本例中使用了4个类和1个接口实现了与服务端的交互。 23.4.3 用户交互Flex代码 在线大头贴系统拥有三个用户交互场景，无法在同一交互界面上进行显示。采用Flex的State组件进行界面状态转换。 23.5 运行在线大头贴系统 在23.4节当中完整地创建了在线大头贴系统。完成系统的创建以及数据库的建立后，本节中运行整个在线大头贴系统，让读者完整地了解再现大头贴的功能。 23.6 小结 本章中以一个完整的Flex应用为例，说明了如何使用Flex框架，介绍了如何对ActionScript 3.0以及LCDS进行完整的RIA应用开发。