应用技术构建大型网上书店电子商务交易平台
全程实录
第01章：第一个Flex应用
讲师：风舞烟
?Flex讲座教学大纲
?Flex简介
?演示第一个Flex应用
?了解FlashBuilder及Flex项目
应用技术构建大型网上书店电子商务交易平台全程
实录–教学大纲
?RIA是RichInternetApplications的缩写，翻译为丰富
互联网应用程序。RIA的目标是将桌面程序的表现
力与浏览器的程序的方便、快捷结合在一起。开发
者可以在浏览器程序上部署C/S客户端的程序，得
到比传统HTML更强大的表现力。
?RIA最突出的特点为“Rich”，同时RIA最核心的部分也体现
在“Rich”中。“Rich”包含了两层含义：
?1．丰富的数据模型
?RIA技术提供了多种数据模型来处理客户端复杂的数据操作
。使用RIA可以将部分原本需要在后台程序处理的问题转移
到客户端，使数据能够被缓存在客户端，从而可以实现一个
比基于HTML的响应速度更快，且数据往返于服务器的次数
更少的用户界面。
?2．丰富的界面元素
?RIA技术提供了比HTML更为丰富的界面表现元素，密集、
响应速度快和图形丰富的页面元素与数据模型结合在一起，
为用户提供好的使用体验。
?互联网日益成为应用程序开发的主要平台。随着
Web应用程序复杂性越来越高，传统的Web应用程
序已经渐渐不能满足Web浏览者的要求，这就是所
谓的“体验问题（ExperienceMatters）”。RIA的
出现，解决了上述问题的新思路。
?RIA大致经历了三个发展过程，如图所示。
RIA发展图
?在了解了什么RIA以后，本节开始介绍什么是Flex
。2004年初，RIA技术的主要倡导者Macromedia发
布了Flex。Flex是为满足希望开发RIA的企业级程序
员的需求而推出的表示层服务器和应用程序框架，
它可以运行于J2EE和.NET平台。Flex具有桌面应用
程序的响应性与丰富性，又具有Web传播范围广的
的特性。接下来首先介绍一下Flex的基本架构。
?Flex的基本架构包括4部分，如图所示。
?1．AdobeSDK
?2．AdobeFlexCharting
?3．AdobeFlexDataServices
?4．AdobeFlexBuilder
Flex基本架构
?Flex弥补了许多传统Web应用缺乏的元素，减少了
于服务器之间通信的次数，更为详细的展示数据的
细节。最适用的应用程序包括：解决多步处理、客
户端验证、控制可视数据，使桌面应用和Web应用
结合在一起，表现出更强大的表现力。
?Flex在解决用户体验困难的同时，也带来了新的特
点，具体如下。
?1．高效性
?2．易用性
?3．灵活性
?4．全面性
?在介绍Flex工作机制之前，先简要介绍Flex应用程
序的组成。一个Flex应用程序通常包含6种元素，如
图所示。
?1．FlexFramework
?2．MXML
?3．ActionScript
?4．CSS
?5．图形资源
?6．数据
Flex应用程序包含元素
?本节以Flex4为例，介绍Flex的开发环境及配置。
?Flex开发环境包含以下4个组成部分。
?SDK4：Flex标准开发组件，包含Flex框架。
?FlexCharting4：Flex图表组件。
?FlexBuilder4：开发Flex应用的集成开发工具，基
于Eclipse创建。
?FlexDataService4：Flex数据服务，应用程序使用
数据服务与服务器交换数据。
?上述4个部分同时也是Flex的基本框架中的4个部分
。本节讲述如何安装Flex的相关软件。
?在Adobe的官方网站（）上，可以下载到Flex产品
软件：FlexSDK4、FlashBuilder4、FlexCharting4
以及FlexDataService4。图为Adobe官方网站的下
载首页。
Adobe下载首页
?在安装FlexBuilder4后。就可以即可开始编写自己
的Flex应用了，下面以是一个简单的Flex应用程序
，在页面上显示“HelloFlex”，如图所示。