本文通过与传统的Web应用程序的比较,深入地阐述了富客户端应用程序RIA的优点,并详细介绍了实现RIA应用的Flex在改善、增强用户体验方面的技术支持。本文还介绍了笔者开发的一个实例：网上蔬果订购之产品显示及购货车部分.来演示Flex的编程方法及达到的用户体验方面的效果。

维普资讯 http://

20 0 8年第 1期

福

建

电

脑

19 0

基于 Fe l x的 R A开发 I史雯娟(上海金融学院信息管理系上海 2 1 0 ) 0 29

【 51摘：本文通过与传统的 We b应用程序的比较，深入地阐述了富客户端应用程序 R A的优点， I并详细介绍了实现 RA应用的 Fe I I x在改善、强用户体验方面的技术支持。本文还介绍了笔者开发的一个实例：蔬果订购之产品显示及购增网上货车部分 .演示 Fe来 l x的编程方法及达到的用户体验方面的效果。

【关键词】 R A;: I富客户端应用； e D用户体验； ci Sr t l F xS K; A t n ci o p1 .引言

杂的数据和逻辑。传统 We用程序的软件开发工具是基于 b应

T .虽 T Itme已广泛应用于人类社会的各个领域 .桌面应用程 H ML所提供用户界面控件非常有限 .然使用嵌在 H ML中 ne t与序相比. b应用程序的需求比例日益增长。面应用程序因不开发语言可实现一定的客户端网页动态效果 .但要实现稍复杂 We桌就而 I受网络的限制。有反应快，户界面交互性强的特点，它不的功能 .需大量的编程。 RA程序界面提供很多有创意的控具用但

能支持信息的广泛传播。且程序的部署依赖于操作系统。基于 H ML的 We用程序成功地支持信息的广泛传播。并具有部 T b应署通用、易的特性。的出现及今天的广泛应用， Itme技简它在 ne t术普及和深入地应用中功不可没。目前， b程序后台开发技术 We不断发展。但支持表现层的前台开发技术不够完善，用户在进使行复杂的网上交互操作时，能得到令人满意的体验，然已有不虽诸多基于客户端或服务器端的成熟技术， Jv Sr t aa p如 aaci、 vA . pJ De、S、 H ML X、 S lt P D T、 ML C S等用于开发动态网页，支持客户体 J验的改善。它们都没有突破 H ML所规约的传统模式，果不但 T结尽人意。为了解决这个问题，种全新的 We一 b应用程序应运而生。这就是 RA: I富客户端应用程

序 ( hItme A p ctn ) mc e t p l a os。 n ii这类应用程序即可部署为桌面应用程序 .又可简便地部署为 We用程序。 b应它结合了桌面应用程序和的反应快、面丰富的界优点 .又具有在线广泛应用的特性。用户带来更丰富、具有给更交互性和响应性的全新体验 2砒 A的优点 .

件 .能巧妙地与数据模块进行交互。并 目前，实现 R A的技术有 Fe、 U、 i【L s oA ao、 L lxX L A a、 az、 vl 】 l n Jy WT等 .只有 Fe aaS而 l x独占鳌头 .主要是因为 Fe这 l x有强大的商业实体 A oe公司的支持 .广大的 FahPae用户的支 db有 l s l r y持 .有欣赏 Fe D还 l S K及开发环境的开发人员的支持。 x 3 ne术对改善用户体验的支持 . x技从最初 Marmei公司发布 Mar daFe .. 2 0 co da co i l x1到 0 6 me 0年 6月 . co e i司被 A 0 e司收购后发布 A 0 eFe Ma rm da公 db公 db l x 2。直至 2 0 . 0 0 7年 6月 A 0 ene 3的推出， e db】【 l F x已成为 1强 3益大的 RA开发技术。 I

l s yr FahHae的长处是：支持以 A tn cit行客户端逻 c oSr执 i p辑、示图形图像、放动画，音，显播声录像。所有的主要操作系统在及浏览器中适用 .有跨平台的特性。 e具有程序开发人员所具 l Fx熟悉的标准化的编程模型。虽然在前台表现为 Fah却是更它 l s.多地面向开发者 .开发者通过快捷编程产生精美界面。 e使 l F x系

列产品的核心是 Fe件开发工具 (ota eeomet i . l x软 Sf r D vlp n t w e K) l xS K,也 l xB i r l xD t d a富客户端应用程序 ( ihItme A piao sR A)个名简称 Fe D可免费下载，可嵌在 Fe ule和 Fe a Rc ne t pl t n . I这 ci词是由 Mard da公司在 2 0 co ei 0 2年发布的自皮书中提出。这里 S ri s发环境中。Fe定义用户界面的视图控件：义数 ev

e开 c l x有定的”字有两个方面的含义：、 I提供更丰富的控件。有据的模型控件：于服务器端通讯的控制控件。 x还提供强有富”一 RA具用 ne桌面应用程序的外观效果。二、 A提供更强的技术。响应速力的方式验证数据 .在用户界面控制器及外部数据源之间传递砒在度方面可与桌面应用程序媲美。砒 A程序具有桌面程序的感官数据。所有这些功能都在客户端完成 .需要服务器的介入。不 效果。它的主要应用领域是 It t而 ne。 me Fe架除了支持丰富的可视化基本控件 .还包含一些高 l x框传统的 We b应用程序大多数是采用瘦客户端的 CS构架 .级管理控件，拖拽管理器 ( rgaddo )重复器 ( pae)/ 如 D a n rp、 r et、 e r以服务器为中心 .乎所有的数据处理都是在服务器端进行，几客历史管理器 ( i oy M n g r。面状态 ( iw a s功能 .实 H s r a a e)页 t V e St ) e为户端只是用来显示静态内容，其动态的内容表现，要依赖服现高性能客户体验的 R A提供强有力的支持。ne允许程序而主 I x还务器实现。基于这种构架的系统中 .户与应用程序的交互必设计员自定义控件模块并将其封装为自定义的 MX在用 ML标签 .实须经过服务器 .须经过以下同步循环过程：户端数据传给服现程序功能模块化。通过 A t ncit程 . x可实现交互事必客 c oS r编 i p ne务器，务器响应，服将新数据及网页回送到客户端 .户端重新件的处理、程控制。客流自定义函数、用函数、象处理等功能。调对 导入网页。频繁的向服务器发出请求。待服务器的回应 .新 4 RI应用实例：上蔬果订购之产品显示及购货车等刷 . A网页面 .使用户要忍耐繁复的换页及因创建 ssi致 es n或 s t造 o te而 a传统的网上购物的设计模式是：用户在货品显示网页中浏成的网页的姗姗来迟。砒 A程序采用类似于胖客户端的 CS构览、找货品。/查在查到的货品的显示区域旁边 .一个”入购货

有放架：启动应用程序的同时 .载一个称为”户端引擎”编码车”钮，户单击按钮后，在下客的按用就会重新刷新整个页面 .入购货车进

层，这个编码层处于用户和服务器之间 .作为浏览器的扩展部分 .替代浏览器 .管应用程序的界面生成以及与服务器的通并接信。由于客户端引擎的存在，数交互是在客户机上完成。外，多另 客户端引擎是针对具体的应用而生成的 .比针对一般性的 We b应用的标准浏览器更智能化 .能与客户端服务器保持必要的最少交互次数。因此 R A具有响应快的特性。 I 传统的 We b应用在网页中提供一套选择控件 .后将用户然反馈的参数一并打包，交到服务器端 .务器的回应会改变提提服交前的整个界面。 R A将客户端界面划分为若干控件区域 .而 I并能定位有请求的区域，务器的回应只改变相应区域，好地支服更持高度交互性和响应性 .更好地表现来自于应用程序后台的复

页面。这样的交互并不能给用户带来真实的购物体验 .为实际因

购货时，客总是能同时看到陈列的货品和自己的购货车如图顾 l所示，了给用户提供最好、接近实际购货过程的体验 .为最本设计利用 Fe l x提供的布局控件之 P e。 avsB x等实现相 n C a l n a。0关功能网页元素的布局和定位。利用导航控件之 T b ai t aN v a r go将水果类和蔬菜类产品分别显示在不同的标签下。同样用 T b ai tr件将购货车内的货品显示和订购结帐所需控件 aN v ao控 g分别放在不同的标签导航栏的标签下。述的两个 T b ai t 上 aN v a r go视窗同时显示在页面上。使用户在浏览蔬果产品时 .终能看见始购货车视窗内的物品。应用中，现了在用户在与产品显示及本实

购货车功能的交互中，没有任何一次页面刷新。下转第 16 ( 1页)