（计算机科学与技术专业论文）基于ajax的电信cem系统的设计与实现.pdf

中文摘要 摘要 随符电信行业竞争的不断加剧，电信运营商开始将目光从传统的客户关系管 础转向- 冲| i 新的经营管理理念客户体验管理( c e m ) 。客，- 体验管理的核心 理念是，通过给i 丑户提供设定的体验环境，提升客户价值、建一市和保持客，、忠诚。 c e m 系统就足- h 来实现一个完美的客户体验过程，在这个过程中获取客户的需求 信息，并反馈给客户棚应的产品结果。这个过程的实现，用户体验的成功与否足 至关照要的。 a j a x 技术足种应用广泛的富客j 、1 端应用程序开发技术，其异步数据传输的 ：一i 二作厉i 理很好的支持了页面局部刷新的功能，提高了网页刷新效率。同时a i a x 体 系下义包龠了多种丌源框架，不仅继承了a j a x 的核心技术，同时t j “展了页面展示 效果方面的功能，在提高效率的同时，丰富了页面展现，提供了良好的用户体验 效果。 本沦义捉了。种新的w e b 开发框架的整合思想，它在a j a x 体系的d o j o 框 架的t 期f ：二，结合了桌面应j j 程序开发框架的数据绑定技术，解决了传统的w e b 应片j 程序存数鼬展示上代码复杂，数据功能实现复杂，难以维护的问题，将服务 器端实现的复杂计算功能，交给客户端实现，减轻了服务器端的压力，同时也改 进了用，、体验效果。为实现数据绑定技术，框架中还白定义了一套数掂传输单e 结构，支持前后台数据的交互，同时引进了客户端缓存技术g o o g l eg e a r s ，利川客 户端小型数据一i 缓行变化率低的数据，真正实现了富客户端。 本论义在以上丌发框架的基础上实现了一个电信行业网上助销的c e m 系统， 该系统的服务器端是一个来自b o x a l i n o 公司的搜索引擎提供的w e b s e r v i c e ，客户 端心f j 了本文的整合w e b1 7 i ：发框架，利用扩展的d o j o 组件，实现了丰富的川，- 体验。 关键词：用户体验；a j a x ；d o j o ；数据绑定 英文摘要 ab s t r a c t w i t ht h eg r a d u a l l yi n c r e a s e dc o m p e t i t i o no ft e l e c o mi n d u s t r y , t e l e c o mo p e r a t o r s b e g i nt oc h a n g et h e i rm a n a g e m e n tc o n c e p tf r o mc u s t o m e rr e l a t i o n s h i pm a n a g e m e n t ( c r m ) t oc u s t o m e re x p e r i e n c em a n a g e r ( c e m ) t h ec o r ei d e ao fc e mi st h a tb y g i v i n g u s c r sa n e x p e r i e n c ee n v i r o n m e n t ，e n h a n c e c u s t o m e rv a l u e ，e s t a b l i s ha n d m a i n t a i nc u s t o m e rl o y a l t y c e ms y s t e mw i l lp r o v i d et h i se x p e r i e n c ep r o c e s s ，i nw h i c h c u s t o m e rc a ng e ti n f o r m a t i o na n df e e d b a c kt ot h ec u s t o m e rt h er e s u l t so ft h e c o r r e s p o n d i n gp r o d u c t s w h i l et or e a l i z et h i sp r o c e s s ，t h es u c c e s so ft h eu s e re x p e r i e n c e i se s s e n t i a l a j a xt e c h n o l o g yi saw i d l yu s e dr i c h c l i e n ta p p l i c a t i o nd e v e l o p m e n tt e c h n o l o g y ； t h ea s y n c h r o n o u sd a t at r a n s m i s s i o np r i n c i p l ea n dp a r t i a lr e f r e s hf u n c t i o ni m p r o v et h e e f f i c i e n c yo ft h ew e bp a g er e f r e s h a tt h es a m et i m e ，a j a xa l s oi n c l u d e sav a r i e t yo f o p e n 。s o u r c ef r a m e w o r k ，n o to n l yi n h e r i t e dt h ec o r ea j a xt e c h n o l o g i e s ，b u te x t e n d st h e p a g ed i s p l a yf u n c t i o n sw h i c hc a np r o v i d ear i c hu s e re x p e r i e n c e t h i sp a p c rw i l lg i v ean e wi n t e g r a t i o nw a yo fw e bd e v e l o p m e n tf r a m e w o r k t h i s f r a m e w o r kb a s e so nd o j of r a m e w o r ki na j a xs y s t e m ，c o m b i n e sw i t ht h ed e s k t o p a p p l i c a t i o nd e v e l o p m e n tf r a m e w o r k sd a t a b i n d i n gt e c h n o l o g y , t os o l v et h et r a d i t i o n a l w e ba p p l i c a t i o n sp r o b l e m si nt h ed a t ad i s p l a y ，s u c ha s c o m p l e xc o d e ，d i f f i c u l tt o m a i n t a i na n ds oo n t h i sf r a m e w o r kt r a n s f e r ss o m ec o m p l i c a t ec h a r a c t e r i s t i c sf r o m s e r v e rt oc l i e n t ，t or e d u c et h ep r e s s u r eo fs e r v e r , a n da l s o i m p r o v e st h ee f f e c to fu s e r e x p e r i e n c e i no r d e rt oa c h i e v ed a t ab i n d i n gt e c h n o l o g y , t h ef r a m e w o r kd e f i n e sad a t a t r a n s f e ru n i tt os u p p o r ti n t e r a c t i v eb e t w e e nf r o n ta n db a c k i nt h em e a nt i m et h e i n t r o d u c t i o no ft h ec l i e n tc a c h et e c h n o l o g yg o o g l eg e a r sh e l p st or e a l i z eat r u l yr i c h c l i e n t t h i sp a p e ra c h i e v e sac e m s y s t e mo ft e l e c o mf i n a l l y , w h i c hb a s e so naw e b s c r v i c p r o v i d e db yb o x l i n o ss e a r c he n g i n ea n dt h en e wi n t e g r a t e dw e bd e v e l o p m e n t f r a m e w o r k t h eu s e so ft h ee x p a n e dd o j oc o m p o n e n t sa c h i e v ear i c hu s e re x p e r i e n c e k e yw o r d s ：c e m ；a j a x ；d o j o ；d a t ab i n d i n g ； 大连海事大学学位论文原创性声明和使用授权说明 原创性声明 本人郑醺声明：本论文是在导师的指导下，独立进行研究工作所取得的成果， 撰，；成侦：l j 学位论文! 基王甾型的电信g 旦丛丕统的遮让皇塞盟：。除论文中已 经注明引用的内容外，对论文的研究做出重要贡献的个人和集体，均已在文巾以 明确方式标明。本论文中不包含任何未加明确注明的其他个人或集体已经公i ：发 表或木公) 1 ：发表的成果。本声明的法律责任由本人承担。 学位论文作者签名： 学位论文版权使用授权书 本学位论文作者及指导教师完全了解大连海事大学有关保留、使用研究牛学 位论义的规定，即：人连海市人学有权保留并向国家有关部门或机构送交学位论 文的复印件和电子版，允许论文被查阅和借阅。本人授权大连海事大学可以将本 学位论文的伞部或部分内容编入有关数据库进行检索，也町采用影印、缩印或扫 描f i 等复制于段保存和汇编学位论文。同意将本学位论文收录到中国优秀博硕i 十= 学位论文全文数据席( 巾同学术期刊( 光盘版) 电予杂志社) 、 中蚓学位论 文个文数捌库( 中因科学技术信息研究所) 等数据库中，并以电子出版物形式 洲扳发彳j ：和提供信息服务。保密的论文在解密后遵守此规定。 本学位论文属于：保密口在年解密后适用本授权书。 不保密口( 请在以上方框内打“” ) 论文作者签名 基。r a j a x 的电信c e m 系统的设计与实现 第1 章绪论 1 1 课题背景和研究意义 客户体验管珲- ( c e m ，c u s t o m e re x p e r i e n c em a n a g e m e n t ) 是近年来兴起的一种 崭新客，1 管理方法和技术。它以提高客户整体体验为出发点，通过协调每个客户 接触点或接触渠道，为客户传递目标信息，创造品牌承诺的j 下面感觉，创造差异 化的客，、体验，强化客，、的感知价值，从而增加企业的竞争力。伴随着信息技术 在企、i k 营销中的广泛应用，客户体验管理的管理理念和技术，在各个领域开始受 到广泛的关注i l ，2 l 。 随着电信行业的竞争同益激烈，发展压力越来越大。电信用户已经不再满足 于旗本的通信、j k 务，迫使电信运营商提出了名目繁多的品牌及套餐以及附属产品 术吸引各消费层的顾客，冈而需要一套合理的管理方法来支持。将客户体验管理 理念t j 计算机系统丌发卡h 结合，已成为电信行业发展的一种必然的趋势。 从应川系统发展的角度来看，随着i n t e m e t 技术的兴起，基于b s ( 浏览器 服务器) 结构的w e b 应用系统解决了传统的c s ( 客户端朋艮务器) 结构所面临的 部署成本高，系统更新和维护困难，数据同步不及时等问题而得到了大规模应用。 b s 当1 i 构心刚存处理大型跨区域应用中体现出的数据安全性，一致性和实时性已广 泛j ；, lj l j 于一些集| 才l 级异地软件的丌发f 3 】。目前，各火电信运营商的运营支撑系统也 大多是罐j ：b s 结构的。 然而传统的w e b 应用系统是无法满足c e m 系统的丌发的。无论是电信，还 足其它i j ：、i k ，c e m 系统的开发，其目的是为了通过系统的完美客户体验过程，获 取客j 1 的需求信息，并反馈给客户相应的产品结果。这个过程的实现，首先要取 决于系统的设计能甭吸引住客户的眼球，促使客户主动完成系统提供的互动过程， 并一u 随着、l k 务的增加，保持对运营商的忠诚度。因此必须要改进原有的基于简单 i i t m l 贝血和服务器端数据交换的w e b 应用系统。 富客户端应川程序r i a ( r i c hi n t e m e ta p p l i c a t i o n ) ，不但继承b s 结构的w e b 心f j 干! i j 一戍用范闱广，容易部署，便于更新的特点，而且兼具了传统c s 客户端 功能一f 密，用，1 体验良好，结构交互性强等方而的优势。富客户端应用程序的出 现和发展使得用户仅仅通过浏览器便可以得到与c s 结构的桌面系统一样丰富的 第1 章绪论 用，体验【3 1 。正因为如此，伴随着i n t e m e t 覆盖范闱的不断扩大，富客，、端戍f j 程 序得到了广泛的应用。对于着重于用户体验的c e m 系统的丌发，富客户端应用程 序也理所当然称为最佳选择。在诸多r i a 技术中，a j a x 采用了开发者普遍熟悉的 技术，并提供了丰富的开源的资源，便于学习，是其中比较优秀的一种f 4 j 。 本课题的研究目标是利用a j a x 技术及其丌源框架，引入数据绑定技术，建、，： 一套独立的w e b 开发框架，并实现一个电信c e m 系统，为电信运背商提供一个 更好的用户体验环境，以吸引更多的用户，打造其品牌效应。 1 2 国内外现状 客户体验管理是营销理念发展的一个新的阶段，是在目前已经发展相埘成熟 的客，- 关系管理( c r m ，c u s t o m e re x p e r i e n c em a n a g e m e n t ) 理论基石：i j 上发展起来 的，但是又有较大不同。简要来说，c r m 关注的是营销的最终结果，而客户体验 管理关心的是用户的体验过程，通过记录用户的体验经历，提取有效数据，为以 后的发展提供依据【引。 目前，客户体验管理在电信行业已经得到了较广泛的应用。接触渠道从普通 的销售扩展为语音、s m s w a p 、互联网、广告等多种形式。例如中幽移动摊 j ；的 动感地带的s i m2 0 卡，为特定的客户提供了特定的菜单，可以提供信息咨询、铃 声下载等增值业务供客户体验。同时基于知识库的呼叫中心也与客户体验蔓曼论4 1 1 结合，由传统的单一的语音扩展为网页浏览v o i p 、e m a i l 、w e bt op h o n e 、文字 交谈和视频等多种途径f 6 1 。但是，随着电信用户的不断增加，这种呼叫中心的| i 力 越米越大，用户不再满足于远程的交互，而想得到更加实际的体验。这就促使电 信运营商积极联手软件开发方，打造更加吸引客户的慕j r 客户体验理论的智能化 的交。h 软件。 a j a x 自2 0 0 5 年2 月由j e s s ej a m e sg a r r e t 在一篇文章中提出以来，在业界得剑 了广泛关注，并由于其丰富的功能、交互性以及快速的响应能力在w e b 应用程序 的开发中获得越来越多的应用。很多大型企业己经采纳并且在大力推动该技术的 发展i 。 随着a j a x 技术的不断完善，陆续出现了一些简化a j a x 开发的丌源框架，比较 著名的有p r o t o t y p e 、d o j o 、d w r 、a j a xt a g s 、j s o n r p c j a v a 等。应川这：与框 基a j a x 的电信c e m 系统的设计与实现 架，丌发人员可以根据具体情况选择适合的丌发框架，以便能更加高效，相对容 易地构建复杂的r i aj 逦用。这样可大大缩短开发周期，同时也使代码逐渐规范化， 减少个性差异，便于后期维护和升级【引。 l f 3 课题研究内容 本课题来源于大连海事大学软件工程研究所与东软股份有限公司的联合研究 项 尔软电信c e m 整体解决方案设计与实现。该课题是根据前期对电信运营 商的市场渊研，以及电信行业独有的业务特点，结合目前流行的c e m 的管理概念， 从容， 、的角度醺新出发，针埘o n l i n es e l f - s e r v i c e ( 网上自助服务) 、t o u c h s c r e e n s e r v i c e ( 触摸屏业务) 、o n l i n eh e l ps a l e s ( 网上助销) 、s e l f - s e l e c t e dn u m b e r ( 自 助选譬) 等业务线，丌发具有丰富客户体验，交互性强的实际应用项目。 结合该实际项目，本文的主要研究内容包括： ( 1 ) 分析客户体验管理的通用系统架构，并根据电信企业的实际情况，结合 详细的需求分析，在现有电信b s s ( b u s i n e s ss u p p o r ts y s t e m ) 上，设计电信企、i k 的c e m 系统物理架构。 ( 2 ) 根捌前期调研结果，以网上注销系统为重点，在b o x a l i n o 公司提供的搜 索引擎的j i 蓦4 i l t l ：，设计一个在线电信套餐销售系统，将以往的用户单方面查询的 方式转换成川户与系统交互的模式，以完成更佳的用户体验。 ( 3 ) 学习数掘绑定技术的原理，定义一套相应数据传输单元，并根据该单元 结构定义数据源对象、目标对象以及后台支撑逻辑类，完成w e b 开发中数据绑定 的实现。 ( 4 ) 采用a j a x 、d o j o 、数据绑定等相关技术，搭建一个稳定，简捷的w e b ，l ：发框架，用以支持电信c e m 系统的实现。 1 4 论文的组织与结构 本论文一共包括六章，分别为： 第。章简要介绍c e m 的概念，并将b s 和c s 架构进行了比较，阐述b s 的 发腱优势和需要改进的方面。 第二章介绍基于a j a x 的相关技术，详细介绍d o j o 框架。 第i 章提出基于a i a x 的w e b 开发框架的设计思想，引入了数据绑定技术。 第1 章绪论 笫四章详细说明本文提出的w e b 丌发框架中数捌绑定技术的具体实现过程。 第五章介绍c e m 系统的总体架构，以网上注销系统为例，介绍c e m 系统的 实现。 第六章总结本文的主要工作，并且提出下一阶段的工作展望。 基丁a j a x 的电信c e m 系统的没计与实现 2 ia j a x 概述 第2 章相关技术介绍 a j a x ( a s y n c h r o n o u sj a v a s c r i p ta n dx m l ) ，2 0 0 5 年2 月w e b 设计咨询企j i k a d a p t i v e p a t h 公司f l j ) 、1 体验总监j e s s ej a m e sg a r r e t t 在发表的一篇名为a j a x ：a n e w a p p r o a c ht ow e ba p p l i c a t i o n s ) ) 中首次提出。他指出，a j a x 并f 、= 是一一门新的语 言或技术，实际上它是把几种现有成熟技术按一定的方式组合在一起，通过相旺 叻、作实现了一些新的功能。文中提出了w e b 应用程序可以更接近于传统的桌面应 用程序的观点，引用了一些新技术和g o o g l e 项目作为例子来说明传统的基于桌面 的川户交1 ：模，弘如何应用于w e b 上，讨论了如何消除基于c s 结构的桌面应用程 序与丛，f - b s 结构的w e b 应用程序之间的界限，并给出了基于这种思想的交：匾模 型，同时将实现这种应朋的技术命名为a j a x 。j e s s ej a m e sg a r r e t t 将n j a x 技术分血 方面米定义f 9 】： 基于x h t m l 和c s s 技术的标准化呈现； 使f j d o m ( d o c u m e n to b j e c tm o d e l ) 实现动态显示和交。互； 使j | j x m l 和x s l t 进i j ：数据交换与处理； 使用x m l h t t p r e q u e s t 对象与服务器进行异步通信获取数据； 使) j j j a v a s c r i p t 脚本绑定和处理所有数据。 a j a x 是对以上儿项技术的整合，下面对其中的几项关键技术做一下简单的介 纠。 ( 1 ) j a v a s c r i p t j a v a s c r i p t 是一4 种跨平台的客户端脚本语言，它简单，易用，而且在绝人部分 浏览器f l 郝运行良好。j a v a s c r i p t 最初用来完成客户端的表单数据校验等简竹数据 处理i ：作，目前也j “泛应用于网页特效制作。在a j a x 中，j a v a s c r i p t 负责创建 x m l ii t t p r e q u e s t 对象，并通过x m l h t t p r e q u e s t 向服务器发送请求，创建l l j j 调函 数，监视服务器响应状态，当服务器响应完成后，启用回调函数，通过d o m 动态 更新i t t m l 页面i i o , 1 1 1 。由此可以看出，j a v a s c r i p t 在a j a x 实现中起到了纽带的作 用。 第2 章相关技术介绍 ( 2 ) d o m d o m ( d o c u m e n to b j e c tm o d e l ，文档对象模型) 是操作h t m l 、x m l 文4 ：、l j 的 一组a p i 。通过使用d o m ，可以采用编程的方式操作文档结构，还可以改变义档 的内容。通过使用d o m ，h t m l 页面以一种结构化方式组【织在一起，h t m l 页i f i 的内容以节点方式组织。在a j a x 中，j a v a s c r i p t 脚本语言通过d o m 与页而进行交 互，包括改变页面的内容和状态，从而达到动态刷新页而的目的f 1 0 1 1 l 。 ( 3 ) x m l h t t p r e q u e s t 对象 x m l h t t p r e q u e s t 对象是整个a j a x 技术的核心。a j a x 技术的核，t l , 功能足异步 发送请求，而x m l h t t p r e q u e s t 则是异步发送请求的埘象。最早心用x m l l l r r t p 的足微软，i e 允许在w e b 页而内部使用x m l h t t pa c t i v e x 组件，从而扩展 ，_ i 身 的功能。但足直到a j a x 技术兴起后，x m l h t t p r e q u e s t 才更多的j j i 起人f i 、j 的最桃。 该对象。町以使用j a v a s c r i p t 向服务器提出请求并处理响应，而不| j 【豢刚，。通过这 个对象，a j a x 可以像桌面应用程序一样只同服务器进行数据层而的交换，而4 t h 每次都刷新整个页面，也不用每次将数据处理的工作都交给服务器来做，这样i 5 i j 减轻了服务器负担又加快了响应速度、缩短了用户等待的时f f , j 1 1 0 , 1 2 】。 pr e q u e s t ，留同 墨崮 同 蜘岍。 崮 t pr e s p o n s e 。j 图2 1x m l h t t p r e q u e s t 对象进行异步请求的流程图 f i g 2 1f l o wc h a r to fx m l h t t p r e q u e s ta s y n c h r o n o u sr e q u e s t s 如图2 1 f 1 2 】所示，x m l h t t p r e q u e s t 对象进行异步请求的j f ：作流利共分七步。 1 ) 页面调用某个j a v a s c r i p t 。 基丁：a j a x 的电信c e m 系统的设计与实现 2 ) j a v a s c r i p t 函数创建x m l h t t p r e q u e s t 对象。包括设置要调用的u r l 和 h 7 f t p 请求参数。 3 ) j a v a s c r i p t 函数注册问调处理函数。h t t p 响应调用此旧调处理函数。 4 ) j a v a s c r i p t 函数调用x m l h t t p r e q u e s t 对象上的s e n d 方法，该方法接着将 h t t p 请求发送到服务器。 5 ) x m l h t t p r e q u e s t 对象立即将控制返回到j a v a s c r i p t 方法。此时，用户可以 继续使用该页面。 6 ) i j t t p 服务器通过调用四】调处理程序返回h t t p 响应。 7 ) f i j l 调处理程序可以访问h t m ld o m 对象。它可以动态更新页面元素，而 无需中断用户当前访问。 ( 4 ) x m l 和j s o n x m l ( e x t e n s i b l em a r k u pl a n g u a g e ) 扩展标；己语言，可以规范的定义结构化 数捌，是【二i 前网络中数据和文档传输广泛使用的数据标准。 j s o n ( j a v a s c r i p to b j e c tn o t a t i o n ) 是一种轻量级的数据交换格式1 3 l ，它是基 于j a v a s c r i p t 规范，i ：发出来的，可以与j a v a s c r i p t 完美结合。它实际上足一种结构 化的数据，在j a v a s c r i p t 中无需额外的解析就可以：卣接使用。目前，j s o n 以其解 析速度快等优点，已经受到了广泛的重视，在后面的章节会详细介绍j s o n 与x m l 的比较。 ( 5 ) c s s 技术 c s s ( c a s c a d i n gs t y l es h e e t s ，层叠样式表) 。在w e b 页面上采用该技术，可 以干j 效的对页面的布局、字体、颜色、背景和其他效果实现更家精确的控制。通 过c s s 技术，只要对应的代码做一些简单的修改，就可以改变同一页面的小同部 分，或者页数不同的网贞的外观和格式。同一个c s s 文件可以同时控制多个页面， 有利。j ：定义页面的统一风格，便于修改更新。由于目前几乎所有的浏览器都支持 c s s 技术，使其得到了广泛的认可【1 2 1 。 2 2a j a x 的工作模式 图2 2 【9 1 给出了传统的w e b 应用程序与a j a x 的工作模式，可以从中看出两种工作 模式的小同： 第2 章相关技术介蜊 b f 洲o e ro f l e n t 姑孑上。 ”j ( s ) 黑# + s 斟、一e n s 蜘墙，s 睡畦鞲。 。；是：器量。o d e - 赫孑。l 下”幸1 +十 口日 一 * e f v e 嘲d 每s y s t e m s a j a x w e b a p p l i c a t i o nm o d e l 酗2 2 传统w e b 庶用( 左) 与a j 积模式( 右) 的比较 p i g2 2 t h ec o m p a r i s o n o f t r a d i t i o n a l m o d e l f o r w e ba p p l i c a t i o n s ( 1 e ) a n d t h e a j a x m o d e l ( r i g h t ) 1 j 传统的w e b j 衄用相比a j a x 应用通过在用户和服务器之h j 0 【进个称为州a x 引擎的中州层来消除使用时的断断续续。在会话开始时，浏览器不足首先装入 个页面，而是先装载一个用j a v a s c n p t 写的a j 娃引擎。这个引擎负责向川j 、* ! 脱羿 而，同时代表用户和服务器打交道。引擎使用户与应用的交互和与服务器进 r 异 步通讯。用户在做完一次请求后，将生成一个到a j a ) 【引擎的调用。如果。i 擎i * 要 b 服务器打交道，如提交数据、装载更多界面数据、访问新数据等，它总是片步 朐处理这些请求不用打断用户与应用的交互，也就是不用不断的刷新片j p 界而， 这就使a j 强的累计网络流量比传统的w e b 应用要小得多。 图23 【9 l 婷出a l a 】【和传统w e b 应用在通信方式卜的比较，从中l 叮以看 | j a j a x 异步 通讯的优势。 基于a j a x 的电信c 跚系统的设计与实现 c l a s s i cw e ba p p l i c a t i o nm o d e l ( 舒n c h r o n o u s ) i e n f 。 【f + lf _ j iff l !| f1 量lf 11 iijri 。l g ll sf 1j t jt - - - - f a j a xw e ba p p l i c a t i o nm o d e l ( a s y n c h r o n o u s ) 、1 - c m v 二i ； 一一一 r d t h e h n l 一 幽2 3 传统w e b 廊j j 的唰步交互( 上) 和a j 缸的异步交互( f ) 比较 f i g 2 , 3 t h e c o m p a r i s o n o f s y n c h r o n o u s i n t e r a c t i o np a t i e m o f a t r a d i f i o n a l w e b a p p l i c a t i o n ( t o p ) a n d t h ea s y n c h r o n o u s p a r t e m o f a na j 戕a p p l i c a t i o n ( b d 帅m ) 传统的w e b 应用下用户在发送请求后，必须等待服务器处理完本次请求后， 才能继续下一次请求，整个网络交互是一个“处理一等待一处理一等待”的模式。 a j 戕模式下用户不用专门等待服务器的应答，可以同时浏览页面的其他内容，或 者发送下一个请求。这种处理模式把以前服务器负担的一些工作转移到客户端处 理，平衡客户端与服务器的负载减轻服务器的负担和网络的传输压力。 2 3 d o j o 框架 随着a j “的兴起短短几年问产生了许多a j 弘开发框架。目前，这些框架已 经在a j a x 开发者当中得到了广泛的应用。尽管现有的a j a x 框架功能都不甚完备， 但大都具备了a j a 】【开发的常用功能，并且在利用开源的力量不断完善。但不可否 认的是，利用框架开发至少有两点好处：一是提高开发效率、减少代码量、提高 代码的复用率：二是现有的框架大都经过了比较充分的测试，在以往的实践中已 第2 章相芙技术介蜊 得到肯定，比手写的代码要更加完备。 d o j o 框架其实是一个j a v a s c r i p t 库，是一个发展成熟的a j a x 午 l i 架。际r 人 i 的按照j a v a 的标准对j a v a s c f i p t 进行扩展和增强d o m 操作以外，d o j o 还提供r 很多实用的w i d g e t 扩展，可以很方便的引入到现有的w e b 页研巾。忖它也提供 了丰富的工具集来解决浏览器之自j 的兼容问题、支持a j 8 x 事件的处训机制以及提 供了而向对象机制来对j a v a s c r i p t 进行面向对象的编程等i l ”。 本文在a j a x 具体的实现的部分，采用了d o j o 框架。 23 l d o j o 的体系结构 幽2 4 d o j o 体系结构h f i g 2 4a r c h i t e c t u r eo f d o j o 图2 4 t “1 是d o j o 的官方网站给出的d o j o 的体系结构图。d o j o 是一个分艋 的体系架构。 ( 1 ) p a c k a g es y s t e m ：包系统。与j a v a 类似，它把所有的a p l 分成不同的包 ( p a c k a g e ) ，要使用某个a p i 时，只需导入这个a p i 所在的包。同时，d o j o 也提供了自己的打包工具，可以帮助开发者优化j a v a s c d p t 代码，爿：且j 生成l ! | 5 署应用程序所需的最小d o j o 包集合。 ( 2 ) i j a n g u a g el i b r a r i e s ：语言库。这个语言库里包含一些语占工具a p i ，类 基- a j a x 的电信c e m 系统的设计与实现 似一j - j a v a 的u t i l 包，给出了数据类型的定义等。 ( 3 ) e n v i r o n m e n t s p e c i f i cl i b r a r i e s ：环境相关包。处理跨浏览器的问题，使 d o j o 确! 很大的程度上屏蔽了浏览器的差异。 ( 4 ) a p p l i c a t i o ns u p p o r tl i b r a r i e s ：应用程序支持库。提供包括了d o j o 的i o 机制、r p c 远程调川等功能。 ( 5 ) w i d g e tt o o l k i t ：小部件控件。w i d g e t 指的是用户界面中的一个元素， 比如按钮、进度条和树等，这写控件都是基于m v c 结构设计的。 2 3 2d o j o 的内部机制 基。j 二i ：述的。个体系结构，使得d o j o 很好地实现了其自身的四大机制：i o 机制、事件处理机制、蕊阳对象机制、w i d g e t 机制f 1 4 】。 ( 1 ) 1 0 机制 d o j o 的1 0 机制用来提供与服务器端的交互能力，也就是支持a j a x 。环境相 关包很好的封装了浏览器之间的差异。用户只需要使用该机制提供的d o j o i o b i n d ( ) 就能进行和服务器之进行a j a x 数据通信。它还能有效地进行错误处理、后退干扰 处州以及透明的表格提交等。d o j o 的i o 机制还支持丰富的数据传输格式，包括 传统的x m l 格式和j s o n 数据格式。 ( 2 ) 事件处理机制 枣件是j a v a s c r i p t 的基础，它是用于处理页面的动态变化，并且对a j a x 请求 进行处理以及j a v a s c r i p t 对象之间的交互等。d o j o 的事件机制允许- 了l ：发者将任何的 函数调用( 包括d o m 市件) 作为一种事件进行监听。通过d o j o e v e n t c o n n e c t ( ) ， 川j 、就可以对事件进行绑定处理，不用关心浏览器之间的差异及内存泄露等一系 列问题。f 司时它也支持j a v a s c r i p t 的a o p 编程。 ( 3 ) w i d g e t 机制 在d o j o 中w i d g e t 是基于m v c 结构的。它的视图作为一个模板来进行存放， 稿j 模板中放置着h t m l 和c s s 片段，由控制器对该模板中的元素进行操作。w i d g e t 4 仪支持自定义的样式表，并且能够对内部元素的事件进行处理。由响应自身的 j j f f l 来展现其对应的业务。在这一部分d o j o 将各控