下载文档原格式
Flex概述Adobe® Flex™是Adobe公司推出的多平台的RIA（Rich Internet Applications）开发产品。
它包含了一系列技术和产品，如Flex Framework、Flex Builder、Flex Charting、Adobe LiveCycle Data Services ES等。
本章将详细介绍Flex和Flex技术；对比Flex应用与传统网页应用；学习Flex包含的各个元素，以及它们的工作原理。
1.1 RIA概述学习Flex首先要了解RIA技术。
RIA（富互联网应用程序）是企业级应用程序客户端的最新技术，具有高度的用户互动性和丰富的用户体验。
RIA技术的出现是在企业级应用程序经历了几次系统构架方面的转变的必然结果。
企业级应用程序最初的模式是客户机/服务器（Client/Server，C/S）应用程序。
20世纪90年代随着Windows的出现和客户端处理能力的增强，出现了客户机/服务器应用程序。
它采用图形用户界面，客户端的数据处理能力比较强。
但由于受到使用局域网的限制，客户端应用程序需要进行不断的更新，因此其应用范围存在很大的局限性。
20世纪90年代中期，互联网飞速发展，出现了浏览器/服务器（Browser/Server，B/S）应用程序。
Web技术的使用解决了C/S应用程序问题，但由于使用了HTML页面形式的用户界面，客户端的数据处理能力较C/S应用程序有所减弱。
RIA技术的出现重新平衡了客户端和服务器端的关系。
RIA是B/S技术在客户端的突破发展，它是集桌面应用程序的最佳用户界面功能与Web应用程序的普遍采用和快速、低成本布署以及互动多媒体通信的实时快捷于一体的新一代网络应用程序。
RIA大致包括了Flex、Ajax、WPF、OpenLaszlo和Google Web Toolkit等一系列产品，而Flex是同类产品中最领先和成熟的产品，改善了用户体验。
Flex 概述 1 第 章 Adobe ®Flex ™是Adobe 公司推出的多平台的RIA （Rich Internet Applications ）开发产品。
它包含了一系列技术和产品，如Flex Framework 、Flex Builder 、Flex Charting 、Adobe LiveCycle Data Services ES 等。
本章将详细介绍Flex 和Flex 技术；对比Flex 应用与传统网页应用；学习Flex 包含的各个元素，以及它们的工作原理。
1.1 RIA概述学习Flex首先要了解RIA技术。
RIA（富互联网应用程序）是企业级应用程序客户端的最新技术，具有高度的用户互动性和丰富的用户体验。
RIA技术的出现是在企业级应用程序经历了几次系统构架方面的转变的必然结果。
企业级应用程序最初的模式是客户机/服务器（Client/Server，C/S）应用程序。
20世纪90年代随着Windows的出现和客户端处理能力的增强，出现了客户机/服务器应用程序。
它采用图形用户界面，客户端的数据处理能力比较强。
但由于受到使用局域网的限制，客户端应用程序需要进行不断的更新，因此其应用范围存在很大的局限性。
20世纪90年代中期，互联网飞速发展，出现了浏览器/服务器（Browser/Server，B/S）应用程序。
Web技术的使用解决了C/S应用程序问题，但由于使用了HTML页面形式的用户界面，客户端的数据处理能力较C/S应用程序有所减弱。
RIA技术的出现重新平衡了客户端和服务器端的关系。
RIA是B/S技术在客户端的突破发展，它是集桌面应用程序的最佳用户界面功能与Web应用程序的普遍采用和快速、低成本布署以及互动多媒体通信的实时快捷于一体的新一代网络应用程序。
RIA大致包括了Flex、Ajax、WPF、OpenLaszlo和Google Web Toolkit等一系列产品，而Flex是同类产品中最领先和成熟的产品，改善了用户体验。
总第235期2009年第5期计算机与数字工程Computer&Digital EngineeringVol.37No.5160基于Flex的RIA技术在教学软件中的应用3钱 钰 陈志云(华东师范大学计算中心 上海 200062)摘 要 RIA技术是Web应用程序的一个发展方向。
文章介绍并分析了RIA技术及其特点,对RIA的开发技术Flex 做了阐述,通过对比传统的教学软件和基于Flex技术开发的教学软件,以及介绍应用实例的方法,体现了基于Flex的RIA 技术在开发教学软件方面所具有的优势以及带给师生的全新体验。
关键词 RIA 教学软件 Flex MXML ActionScript中图分类号 TP311.52Application of RIA Technology Based on Flex i nEducation Sof twa re A reasQian Yu Chen Zhiyun(Comp uter Center,East China Nor mal U niversity,Sha nghai 200062) Abs t rac t RIA is of t he orie ntations of Web application develop ment.RIA technology is int roduced a nd its f ea2 tures are analyzed,as well as t hen Flex as a p rogra mming la nguage of RIA is int roduced in t his p aper.Through t he com2 p arison between t raditional education sof tware and education sof tware based on Flex technology,a series of insta nces are show n about t he adva ntages of t he later education sof tware w hich gives users some new exp eriences.Ke y w ords RIA,education sof tware,Flex,M XML,ActionScrip tClass Nu m ber TP311.521 引言随着信息技术的发展,教育领域已进入Inter2 net时代,互联网已经成为默认的教学软件开发和使用平台。
基于Flex的RIA限时登陆验证模块的实现摘要如今随着网络电子商务的日益繁荣，网络交易的安全问题成为业界一个新的研究课题，而登陆模块作为其中的重要一环，各种登陆模块安全方案随之产生，相较其他技术的网页重复刷新、需重定向；服务器消耗高、网络通信量大等问题，Flex技术作为RIA领域一门新技术，凭借无需刷新、“富前台”、兼容性好等特点逐渐成为开发登陆模块的新兴主流技术。
本文将从主要技术分析、限时登陆模块的设计及实现几方面，详细介绍基于Flex技术的RIA限时登陆验证模块的实现。
关键词Flex；RIA；限时登陆验证模块0 引言目前，网络的普及和各类运营商的发展使得网络交易变得越来越便利，由此带来的用户个人资料的安全问题日益引起业界的关注，这制约着网络交易能否更加健康快速高效的向前发展。
于是，有效的登陆信息安全方案应运而生，其中，以检验密码重试次数的附加码方案、锁定登陆时长的限时方案最为主流，相较其他技术的网页重复刷新、需重定向；服务器消耗高、网络通信量大等问题，Flex 技术作为一门新技术，凭借无需刷新、“富前台”、兼容性好等特点逐渐成为开发登陆模块的新兴主流技术，本文将以常见的”邮箱号+登陆密码”的登陆验证模块为例，从主要技术分析、限时登陆模块的设计及实现，详细介绍基于Flex技术的限时登陆验证模块的实现。
1 Flex技术背景1.1 RIA技术富互联网应用程序（Rich Internet Applications，简称RIA），是灵活的整合了桌面应用程序以及传统交互式动态网站应用程序的新一代网络应用程序。
富互联网应用程序把网络程序的表现层建立于HTML页面之上基于页面的、服务器端数据传递的模式，富互联网应用程序模型通过使用网络服务驱动器，整合了包含声音、图像、动画、视频和实时视像通信技术的多媒体技术，使富互联网应用具备迄今为止无法超越的用户在线冲浪体验。
Adobe RIA技术具有丰富的数据模型和界面元素。
基于Flex+J2EE多层架构的RIA在线考试系统张艺1 向才凤2 刘玉慧3（1.大连职业技术学院基础部 大连116035；2.广州石油培训中心 广东广州510510；3.辽河油田欢喜岭采油厂信息中心 辽宁盘锦124114）【摘要】在线考试是计算机技术在现代教学中的重要应用，选择良好的架构对于在线考试系统开发具有重要的意义。
本文提出了基于Flex+J2EE多层架构的RIA在线考试系统的设计方案并详细说明了多层架构的实现方法。
将Flex 技术与J2EE框架进行整合，使系统既具备了优秀的交互性和用户体验性又获得了良好的稳定性、可维护性和可扩展性。
【关键词】Flex；Spring ；Hibernate；J2EERIA Online Examination System Based on Flex and J2EE multi-layer architectureZhang Yi1 Xiang Cai-feng2 Liu Yu-hui3(1.Basic Since, Dalian Vocational Technology College Dalian116035;2.China Petrochina Guangzhou TrainingCenter Guangzhou 510510;3.The Huanxiling Exploit Factory of Liaohe Oil Field Company Panjin124114)【Abstract】Online Examination is an important application of computer’s technology in modern teaching. It plays a very important role in the development of the Online Examination system in choosing a suitable architecture. This article has put forward a design scheme of RIA Online Examination system based on Flex and J2EE multi-layer architecture, explaining the realization method of multi-layer architecture in detail. It has been found that this system based on combination of Flex and J2EE technologies not only can express perfect human-machine interaction and user experience, but also has the characters of good stability as well as maintainability and expansion.【Keywords】fl ex;Spring;hibernate;J2EE1.引言随着我国教育现代化步伐的加快和教学改革的深入，考试作为教学过程中的重要环节，成为当前教学改革的热点。
拓守恒1（陕西理工学院计算机系陕西汉中723003）摘要：论文首先介绍网络应用系统发展的现状，提出采用应用Flex作为表示层实现，应用Hibernate作为持久层实现，并结合Spring技术作为业务层搭建富英特网应用（RIA）系统模型。
采用粒子群优化PSO 算法组卷，从而设计出了一套多层次、高性能、智能化的网络考试系统。
关键词：富英特网，智能，考试系统，多层架构Design and Realization of RIA intelligent network examination system based on Flexand J2EE Multi-tier ArchitectureTUO Shou-heng(Dept. of Computer Science & Technology， Shaanxi University of Technology， Hanzhong723003， China)Abstract : this paper briefly reviews the present situation of development of network application system. we propose using the Hibernate framework technology to the persistence layer, the presentation layer utilized by Flex technology and the business layer utilized by Spring technology to put up rich internet application model, and using Particle Swarm Optimization Algorithm to group test paper. Results show that this new framework helps design an Multi-Hierarchy ,High Performance and intelligent network examination system.Keywords: rich internet ,intelligence, network examination, multi-tier architecture随着网络技术的高速发展，Internet已经日益成为应用程序部署运行的默认平台。
浅谈基于Flex技术的RIA设计宋朝晖刘晓菲(1.中国海洋大学，山东省青岛市，266100；2.山东万杰医学院，山东省淄博市，255213)摘要：RIA（Rich Internet Applications，富互联网应用）技术结合了桌面应用和互联网应用的优点，它能够指导我们开发出更丰富、互动、友好的用户界面，而Flex（最新版名为Flash Builder）即是优秀的RIA开发技术之一。
文中结合Flex的特点基于ActionScript脚本语言和MXML标签语言，对Flex RIA的软件框架、设计模式以及数据交互等进行探讨。
关键词：RIA Flex MXLM Pure MVC数据交互中图分类号：TP311Design of Flex-based RIA technologiesSongZhaohui LiuXiaofei(1.Ocean University of China, Qingdao City, Shandong Province 255213,China; 2.Shandong Wanjie Medical College, Zibo City, Shandong Province 266100,China)Abstract：The RIA technology unified the tabletop application and the Internet application merit, it can instruct us to develop, the interaction, the friendly user interface richly, but Flex (most new edition named Flash Builder) is one of outstanding RIA development technologies.This article unifies Flex the characteristic based on the ActionScript script language and the MXML label language, to the Flex RIA software construction, the design pattern as well as the data hands over the equivalence to carry on the discussion.Key words：RIA Flex MXLM Pure MVC Data Interactive引言基于B/S架构的瘦客户端的出现，解决了C/S架构下客户端程序发布与维护的困难和繁琐问题。
但由于HTTP协议的无状态特性，传统的WEB页面已经渐渐不能满足网络浏览者的更高的、全方位的体验要求了。
用户面临着部署问题、升级困难、维护困难、安全性等一系列问题，而丰富互联网应用程序（RIA）的出现则解决了这一问题。
Rich Client是在B/S的框架基础上，更多的加入C/S中的Client技术，让B/S的应用客户端有本地桌面应用系统的体验。
1RIA初探1.1了解RIARIA（Rich Internet Applications或Rich Interactive Applications），从字面上可译为“富互联网应用程序”或“富交互式应用程序”。
事实上RIA并不是一种专项的技术，也不是一门开发语言，它是互联网应用和软件开发的一种发展趋势。
RIA本身只是一个概念，它的中心是“良好的体验”。
Adobe官方的解释为：“富互联网应用程序（RIA）提供丰富的、引人入胜的体验，该体验可提高用户满意度并提高用户的生产效率。
使用互联网的广泛触及力，可以在各种浏览器、桌面和设备上部署RIA。
”1.2 RIA与AIRRIA 和AIR 不了解的人乍看很容易将两者会混淆，其实是完全不同的两个概念 ，但它们的关系非常密切。
AIR 是Adobe 公司在RIA 应用领域的一个重要的解决方案。
AIR 是一个运行时，它与RIA 的关系我们可以联想到.NET 的Framework ，AIR 为RIA 应用提供了一个基础的支持平台。
AIR 是一种概念，也可以这样通俗的理解：AIR 是在本地机加载并运行的RIA 。
图 1.1跨越B/S 和C/S通过图1.1可以看出AIR 可作为WEB 和桌面应用的桥梁，它结合了两者各自的优势，从而能够制作出更具表现力和更好体验的桌面程序。
2 RIA 应用利器Flex2.1初识 FlexFlex 是Adobe 公司为支持RIA 而开发和部署的一系列发展中的技术和产品线的概括，其中包括Flex SDk 、Flex Builder 、LiveCycle Data Services 等。
Flex 就是使用ActionScript脚本语言和MXML 标签语言制作SWF 类型的应用。
2.2 Flash 与FlexFlash 与Flex 同为Adobe 公司的产品，都是制作SWF 应用的，但Flash 的历史要比Flex长。
Flash 最初只是作为对应WEB 页面的GIF 动画，随着ActionScript 的引入，Flash 拥有了GIF 所望尘的交互性。
随着AS3.0和FlashCS3的到来，使用Flash 制作复杂的应用成为可能。
在Flash 是做动画的概念深入人心的时候，Macromedia （现属Adobe 公司）欲将程序开发人员拉入阵营，但Flash 从一开始就像是为设计者准备的，为了面向程序开发者来进行SWF 开发Flex 变应运而生了。
可以这样理解：Flash 是面向设计人员的开发工具，它比Flex 能创作出更加个性化的UI 、动画及过渡效果；Flex 是面向开发人员的工具，它比Flash拥有更丰富的组件和更加完善的编码支持。
正因为Flash 和Flex 之间这种千丝万缕的关系，新版的Flex Builder 更名为FlashBuilder 。
这种定义更容易让人理解。
3 Flex 的语言Flex 主要采用MXML + ActionScript 来编写程序、界面，然后通过编译器编译成FlashPlayer 能够执行的 SWF 文件并发布使用。
3.1 MXML 语言标签MXML 语言是专门用于Flex 程序中，描述界面表现的一种XML 标记语言。
MXML 是Flex特有的，是区别于Flash 的标志。
我们可以通过它来描述程序的整体布局，控制组件的样式和外观，也可以构建非可视化的对象，比如XML 数据、与服务器端通信的Web Service 、组件的数据源等。
MXML 是XML 的扩展，是Adobe 的XML 。
例1:1 <?xml version=”1.0” encoding=”utf -8”?>2 <mx:Application xmlns:mx=”/2006-/mxml ”layout=”vertical”>3 <mx:Button id=”bt1” label=”我是按钮”/>4 <mx:TextInput id=”tx1” width=”100"/>5 </mx:Application>以上就是MXML，其中的mx是Adobe默认的Flex框架的命名空间。
第1行声明了XML 的编码为utf-8，使程序支持大部分的语言编码。
第4、5行放置了两个显示控件，一个是按钮Button，id指定为“bt1”，按钮上显示“我是按钮”四个字；另一个是文本输入框TextInput， id指定为”tx1”，该文本框的指定宽度为“100”。
在以上的代码中像mx:Button、mx:TextInput即是MXML的语言标签。
众多的语言标签有机结合在一起就构成了一个完整的应用界面。
3.2 ActionScript语言Flex＝ActionScript＋MXML。
如果说MXML是描述界面的语言，那么ActionScript就是描述逻辑的语言。
AS（ActionScript）作为Flash/Flex中的编程语言，经历了1.0到3.0版本的转变，从最初的脚本语言演变为面向对象的编程语言。
AS是由Flash Player中的AS虚拟机（AVM）来运行的，通过AS，Flex/Flash中的内容和应用拥有了交互性和数据的处理及其他功能。
4 Pure MVC框架框架可以提高软件开发的质量，它的好处在于使得程序的结构更加清晰，降低各模块之间的耦合，使软件升级和维护的成本大大降低。
Flex可选择的框架很多，官方给出的是Cairngorm框架，但这种框架对于小项目的开发来说显得不够灵活，因此我们选择PureMVC 这一开源框架。
Pure MVC是MVC框架的一种，它把数据处理、程序输入输出控制以及数据表示分离开来，将一个应用分成三层：模型层（Model）、视图层(view)、控制层(Controller)。
图4.1 模型、视图、控制器三者之间的关系和各自的主要功能在Pure MVC中还有一个管理以上三个模块的工具Façade，由于它并不是实际意义上的模块因此没有列出，但整个系统确是从Facade开始的。
由于Pure MVC的目标并不仅限于Flex，而是开放语言平台的框架，不能采用带语言特色的设计，因此在Pure MVC中，所有的处理都通过通知(Notification)来传递的。
5Flex的后台数据交互Flex本身并不能访问服务器端的数据库，需要其他程序处理这些数据后以特定的类型，如数组型、XML型、Object型传递给Flex。
5.1 HTTPServiceHTTPService可与所有的后端程序交互（例如，ASP、、JSP、PHP等）。
Flex可以通过MXML使用HTTPService，也可以通过ActionScript使用HTTPService。
由于MXML的主要功能专注于界面的布局和定义，因此建议使用ActionScript调用HTTPService。
利用ActionScript 实例化一个HTTPService，通过URL Variables对象将参数传递给HTTPService，并通过send()函数完成调用。
5.2 WebServiceWebService是一套标准，是一种公开的API接口。
使用WebService类可以访问与SOAP 兼容的各种Web服务。
正是WebService所具有的这种通用性，不论用何种语言开发的WebService服务，调用的结果都是一致的。
用户可使用几乎任何语言调用WebService服务。
当客户端获得WSDL（WebService描述语言）后，就获得了服务端提供的WebService的所有信息。
