（计算机应用技术专业论文）基于ajax的web20技术研究.pdf

浙江大学硕士学位论文摘要 摘要 i n t e m e t 是信息社会发展和科学技术进步的产物，万维网是信息传播和共享 的重要方式，w e b 浏览器已经被证实为现代计算机上最广泛使用的应用程序。随 着近年来w e b 新技术和新方法论大量涌现，a j a x 技术的价值凸显出来。基于 a j a x 的w e b 技术能够避免繁琐的软件部署工作，改变原有的同步交互为异步交 互方式，使页面在后台按需获取数据，前台进行局部刷新，不仅节省了带宽，更 加大大提升了用户体验。全球各知名软件公司投入了专门的资源进行研发，必将 推动这种全新交互模式的建立。 本论文基于a j a x 技术，在m i c r o s o f t n e t 框架下，围绕w e b 应用的交互 模式进行研究。理论上，探讨了a j a x 的核心技术和开发模式，明确该技术的适 用范围，为a j a x 的最佳实践提供理论依据。实践中，结合实用化的软硬件设计 方案，对比由j a v a s c r i p t 和a l m s 框架支撑的两种设计方案，设计并实现了两个 原型系统，为a j a x 的w e b 应用开发提供了新的思路，创造了一定的商业价值。 本文的主要工作包括以下几个方面： 第一、考查a j a x 的起源，通过剖析w e b 的演化，研究直接促使a j a x 产 生的各种新技术，总结了国内外研究进展。 第二、通过对隐藏帧、动态i f i a m e 和x m l h t t p 等请求代理技术进行比较， 研究了a j a x 的核心技术，提出了a j a x 的适用范围。 第三、研究了a j a x 框架和设计模式，阐述a j a x 技术与一些热点技术的有 效结合方法。 第四、研究了当前的热门案例，分析a j a x 技术的应用前景。 第五、a j a x 实现技术研究。结合实际应用需求，从系统层面进行分析和设 计，详细阐述了z 1 vp r o j e c t 和s i n d y e i p 两个原型系统的具体实现过程。 关键词：a j a x ，w e b2 0 ，n e t ，异步交互，a l t a s ，j a v a s c r i p t ，x mh t t p r e q u e s t 浙江大学硕士学位论文 a b s t r a c t i n t e m e ti n f o r m a t i o ni st h ep r o d u c to f s o c i a ld e v e l o p m e n ta n dp r o g r e s so f s c i e n c e a n dt e c h n o l o g y , a n dt h ew 矾dw i d ew e bi sa ni m p o r t a n tm e a n so fi n f o r m a t i o n d i s s e m i n a t i o na n ds h a r i n g w e bb r o w s e rh a sb e e nf o u n dt ob et h em o s tw i d e s p r e a d u s eo f m o d e m c o m p u t e ra p p l i c a t i o n s i nr e c e n ty e a r s , w i t hn e wt e c h n o l o g i e sa n dn e w m e t h o d o l o g i e so f t h ew 曲h a v ee m e r g e d t h ev a l u eo f a j a xt e c h n o l o g yh i g h l i g h t e d a j a x - b a s e dw e bt e c h n o l o g i e sc a l la v o i dt h ec u m b e r s o m es o f t w a r ed e p l o y m e n t ， c h a n g ei n t e r a c t i v em o d ef r o mt h eo r i g i n a ls y n c h r o n o u st oa s y n c b r o n o t l s , a c c e s st o d a t ao fp a g e d e m a n di nt h eb a c k g r o u n d , a n du p d a tp a g e sa c c o r d i n gt ol o c a ln e e d s n o to n l ys a v eb a n d w i d t h , h a si tm o l eg r e a t l ye n h a n c e dt h eu s e re x p e r i e n c e 1 1 艟 w o r l d - r e n o w n e ds 0 1 a r ec o m p a n i e sp u ti n t oas p e c i a lr e s e a r c ha n dd e v e l o p m e n t r e s o u r c e s ；t h i sw i l lb ev e r yh e l p f u lt op r o m o t et h ee s t a b l i s h m e n to fn e wp a t t e r n so f i n t e r a c t i o n 曰1 i sp a p e rr e s e a r c ho nt h ei n t e r a c t i o nm o d eb a s e do na j a xt e c h n o l o g ya n dt h e m i c r o s o f t n e tf r a m e w o r k i nt h e o r y , t h i sp a p e rc l a r i f yt h es c o p eo ft h ea p p l i c a t i o n f o rt h i st e c h n o l o g y , a n dp r o v i d eat h e o r i e t i c a lb a s i sf o rt h eb e s tp r a c t i c et h r o u g h r e s e a r c h 也ec o r et e c h n o l o g ya n dt h ed e v e l o p m e n tm o d e lo fa j a x i np r a c t i c e , a c c o r d i n gt o t h ep r a c t i c a lh a r d w a r ea n ds o f t w a r ed e s i g n , t h ep a p e rd e s i g na n d i m p l e m e n tt w os y s t e m st h a tb a s e do nt w ok i n d so fs o l u t i o n s - j a v a s c r i p ta n da t l a s i t i san e wi d e af o ra j a xw 曲a p p l i c a t i o nd e v e l o p m e n t a n dc r e a t e sg r e a tc o m m e r c i a l v a l u e t l l i sp a p e rf o c u s e so nt h ef o l l o w i n ga s p e c t s ： 1 b yi n v e s t i g a t i n gt h eo r i g i no f a j a xa n da n a l y z i n gt h ee v o l u t i o no f t h ew 曲 t h i sp a p e rs t u d i e sn e wt e c h n o l o g i e sw h i c hd i r e c t l yl e dt ot h ee m e r g e n c eo f a j a x , a n ds u m m a r i z e sc u r r e n ts i t u a t i o nf r o mt h ep o i n to fa j a xt e c h n o l o g y d e v e l o p m e n t 2 t h r o u g hc o m p a r i n gt h er e q u e s t i n ga g e n tt e c h n o l o g i e so fh i d d e nf r a m e s 、 d y n a m i ci f r a m ea n dx m l h t t p , t h ep a p e rr e s e a r c h e st h ec o r eo fa j a x t e c h n o l o g ya n do f f e r st h ea p p l i c a t i o ns c o p eo f a j a x 3 耶1 ep a p e rs t u d i e st h ea i a xf r a m e w o r ka n dd e s i g n i n gp a t t e r n s , a n dd e s c r i b e s a j a xt e c h n o l o g yw i t han u m b e ro f h o tt e c h n o l o g i e se f f e c t i v ec o m b i n a t i o n s 4 t h e s i sr e s e a r c ho ft h ec u r r e n th o te a s e 。a n da n a l y z e st h ep r o s p e c t so f 蛐a x t e c h n o l o g y 5 t h er e s e a r c ho fr e a l i z a t i o nt e c h n o l o t yo fa j a x c o m b i n e dw i t hp r a c t i c a l a p p l i c a t i o nd e m a n d s ，f r o mt h es y s t e ml e v e la n a l y s i sa n dd e s i g n , t h ep a p e r e l a b o r a t e so nt w op r o t o t y p es y s t e mo f t h ez t vp r o j e c ta n ds i n d y e l pp r o j e c t , a se o r l c r e t er e a l i z a t i o no f t h ep r o c e s s k e yw o r d s ：a j a x ，w e b2 0 ，n e t ，a s y n c h r o n o u si n t e r a c t i o n ，a l t a s ， j a v a s c r i p t ，x m l h t t p r e q u e s t 2 浙江大学硕士学位论文圈目录 图1 - 1w e b 工作原理 图目录 图卜2 浏览器架构 图2 - l 传统w e b 应用模型与a j a x 应用模型 图2 - 2 提交节流模式图 图2 - 3g o o g l em a p s 图2 - 4g o o g l es u g g e s t 图2 - 5a m a z o n 钻石搜索 图2 - 6g a i l 图3 - 1a t l a s 架构。 图4 - iz t vp r o j e c t 系统结构图 图4 - 2 部署目录结构图。 图4 - 3 类库结构图一 1 0 1 3 2 4 3 9 4 1 4 2 4 3 4 4 5 3 图4 - 4 财务管理模块的当月经费总表 图4 - 5 财务管理模块的收入合计明细表 图4 - 6 财务管理模块的录入界面 6 0 6 2 6 2 6 3 5 4 5 4 。6 5 6 5 6 6 7 4 。7 7 图4 - 7 财务管理模块的查询界面 图4 8 财务管理模块的修改和删除界面 图4 9 财务管理模块的修改界面。 图4 1 0 财务管理模块的历史文件数据导入 图4 - 1 1 财务管理模块的批量录入数据导入“确认”页面 图4 1 2 鼠标感应提示 图4 1 3s i n d y e i p 系统结构 图4 - 1 4 模块的目录结构 图4 - 1 5 n e t 框架为w e b 应用开发提供了一致性的接口 图4 - 1 6a s p n e t 2 0 框架 图4 - 1 7 系统主母版页 7 8 7 9 图4 - 1 8 内部论坛母版页 图4 _ 1 9 系统主母版页的控件 图4 - 2 0 内部论坛母版页的控件 图4 - 2 1 信息发布页面中u p d a t e p a n e l 控件 图4 - 2 2 内部论坛页面中u p d a t e p a n e l 控件 图4 2 3 员工黄页之数据框联动 图4 2 4 内部论坛之a j a x 排序 8 2 8 3 8 3 8 4 图4 2 5 便民信息之a j a x 天气预报 图4 2 6 信息发布之a j a x 日期选择控件隐藏 图4 2 7 信息发布之a j a xe t 期选择出现 5 8 7 9 0 9 0 浙江大学硕士学位论文表目录 表2 - l 表2 - 2 表4 - 1 表4 2 表目录 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 对象的属性 财务管理模块的需求抽象。 v i s u a ls t u d i o2 0 0 5 软硬件环境 6 。2 9 8 1 浙江大学硕士学位论文第1 章绪论 1 。1a j a x 研究背景 第1 章绪论 1 1 1i n t e r n e t 和w w w 随着各种网络技术的迅速发展，i n t e m e t 经历了翻天覆地的重大变革，它已 经成为商业贸易和信息的中心。从诞生之日起，我们看到过许多新方法和新技术 陆续登场，从开始的图形化浏览器到如今的p o d c a s t ( 播客，也称自由播、随身 播) ，b l o g ，r s s 等等。今天，i n t e m e t 已经成为大量应用的首选平台，人们对 w e b 系统的依赖程度越来越高。 1 1 1 1i n t e r n e t 的发展历史 2 0 世纪6 0 年代后期，在美国国防部高级研究计划署u 冲r ( a d v a n c e d r e s e a r c hp r o j e c t sa g e n c yo ft h ed 印a r t m e n to fd e f e n s e ) 的一次会议上提出了把 a r p r 资助的大学和研究机构连成网络一- - a r p r n e t ，这就是i n t e m e t 的前身。 报文交换技术作为核心技术，实现了数据分包，通过加载地址、差错控制、 顺序等信息，使报文经地址路由到达目标，再经重组后辨别数据的正确性和完整 性，并给出反馈。a r p r n e t 取得成功后全世界的各种组织开始纷纷实现自己的 网络，种类繁多的连网软硬件使得异构网络之间的互联和通信成为焦点问题。球 协议的出现使难题迎刃而解，至今t c p i p 这一组合协议仍是i n t e r n e t 的核心。 2 0 世纪9 0 年代，软件、硬件和通信技术的显著提高让i n t e m e t 更加蓬勃发 展起来，从最初仅仅局限于大学与研究所的互联到军方的广泛使用，至今已经发 展成为全世界政治、军事、经济领域不可替代的信息平台和工具。 今天，网络已经无处不在，i n t e m e t 通过电子邮件推动了全球数百万人之间 的通信，无线技术的发展迸一步促进了网络在空间上的飞速拓展。随着信息时代 的到来和“数字化生存”理念的提出，高科技发展带来的成本下降和带宽( 信息 承载能力) 增加，使得人们更加意识到计算机和网络的重要。 7 浙江大学硕士学位论文 第l 章绪论 1 1 1 2 万维网与i n t e r n e t i n t e m e t 是指由计算机和通信设备连接起来的、全世界范围的互联网络，没 有哪个国家、哪个公司拥有i n t e m e t 的所有权，人们通过在世界范围内的数据通 信，达到信息交流和数据共享的目的。计算机之间数据传递的方式有多种：电子 邮件( e - m a i l ) 、文件传输( f t p ) 以及一些过时的模式如w a i s 和g o p h e r ，和现 在流行的近距离无线收发设备传递( 如：蓝牙b l u e t o o t h 、红外数据传输h d a ) 等等。不同的传输方式，需要不同传输协议的支撑。而万维网( w j r l d w i d e w 曲， 简称w e b ) 只是这些诸多信息传递和共享方式中的一种，是i n t e m e t 上众多信息 的一个子集。 1 1 。1 3w e b 的起源和发展 万维网“。( w o r l d w i d e w e b ) ，简称w e b ，1 9 8 9 年诞生在瑞士日内瓦的一个 c e r n 的粒子物理实验室。欧洲原子能研究组织的计算机专家t i mb e r n e r s - l e e 率先提出了一种叫做“超文本”的信息管理系统，他和同事开发了组成w e b 骨 干的通信协议，并发布了一个网页原型以供浏览，首次实现了通过网络来连接相 关文档。最初，网页局限于文本，到1 9 9 2 年世界上也才只有5 0 个网页服务器。 w e b 的真正兴起始于1 9 9 2 年第一个图形浏览器的发布一- - n c s a m o s a i e 。m o s a i c 浏览器提供了用户友好的图形界面，w e b 的访问量暴增。m a r ea n d r e e s s e n 领导 国家超级计算应用中心( n c s a ) 开发m o s a i c ，此后又创办了n e t s e a p e 公司，许 多人认为正是这个公司推动了2 0 世纪9 0 年代末i n t e m e t 经济的爆炸式增长，也 促使万维网从科学研究领域转向了大众媒体。 w e b 2 0 时代 毋庸质疑，如今w e b 2 0 “1 时代已经到来。但对于“w e b2 0 的精髓倒底是新 技术还是新观念”的争论可谓仁者见仁，智者见智。有人提出：是“大众的智慧” 这一新观念，带动了技术和社会的变革，才是w e b2 0 的精髓所在，也正是这些 变革的最终结果产生了关联引擎( r e l e v a n c ee n g i n e s ) ，过滤器( f i l t e r s ) ，推荐系 统( r e c o m m e n d a t i o ns y s t e m s ) ，w e b2 0 软件 互联网是平台 随着浏览器和网络服务器都变成了“日用品”，价值链条也向上移动到了在互 联网平台上的传递服务。如果说n e t s c a p e t f 启了w 曲1 0 时代的大门，那么g o o g l e 则无疑是w e b2 0 时代的伟大旗手。作为用户在线体验的中介，g o o g l e 作用于浏 8 浙江大学硕士学位论文第1 章绪论 览器、搜索引擎和最终的内容服务器之间的空间中，它有效利用消费者的自助服 务和算法上的数据管理，将触角延伸至整个互联网。这种“没有了定期的软件发 布，只需要持续的改善；没有了许可证和销售，只需要使用”的营销模式挑战着 软件工业陈旧的赢利模式，自此( 3 0 0 - s l e 已经逃离了与网络公司、软件公司的竞 争，堪称互联网服务公司的表率，对于w e b 前沿技术的研发和推广起到了不可 估量的作用。 利用集体智慧 在诞生于w e b1 0 时代并且存活了下来，而且要继续领导w e b2 0 时代的那 些“巨人”的成功故事，揭示出了一个核心原则：借助网络的力量来利用集体智 慧；呈现出了一种成功经验：源于用户贡献的网络效应，是在w e b 2 0 时代中统 治市场的关键。g o o s e 、a k a m a i 、b i t t o r r e n t 、n a p s t e r 、y a h o o ! 、e b a y 、a n l a z o n 、 w i k i p e d i a 等等，这些公司具有超强的洞察力和创新原动力，正在w e b 发展的新 时代中留下自己不可磨灭的印记。 1 1 1 4 万维网联盟w 3 c 壁望缉盛! 旦拯塑捶叠拯蕉 1 9 9 4 年1 0 月，t i mb e m e r s l e e 成立了一个组织( w o r l dw i d ew e b c o n s o r t i u m ，w 3 c ) ，万维网联盟。w 3 c 主要由三方组成：美国麻省理工学院 ( m i t ) 、欧洲信息与数学研究联盟( e u r o p e a nr e s e a r c hc o n s o r t i u mf o ri n f o r m a t i c s a n dm a t h e m a t i c s ，e r c i m ) 和日本应庆义塾大学( k e i ou n i v e r s i t yi nj a p a n ) 。w 3 c 作为非盈利性组织拥有着几百个成员，为其提供主要资金并帮助提供该联盟的主 要发展方向。 w 3 c 致力于开发非专有的、可共同使用的技术。w 3 c 的最初目标之一是让 全世界的人都可以访问w e b ，消除语言和文化的差别。w 3 c 还是一个标准化组 织。由w 3 c 标准化的w e b 技术成为推荐标准。w 3 c 的推荐标准包括x h t m l 、 层叠样式表( c a s c a d i n gs t y l es h e e t s ，c s s ) 、h t m l 和x m l 。推荐标准不是实 际的软件产品，而是制定一种技术的作用、语法、规则的一个文档。在成为一个 w 3 c 推荐标准之前，该文档需要经过三个阶段： 工作草案一一顾名思义，工作草案制定一个发展草案； 候选推荐一一企业可以开始实现的文档固定版本； 提议推荐标准一相当成熟并且准备考虑成为正式的w 3 c 推荐标准。 毯暨圭亟螋监：q 毽 w 3 c 组织在其主页上提供了与i n t e r a c t 和w e b 技术相关的扩展资源。对于 9 浙江大学硕士学位论文第1 章绪论 w 3 c 涉及到的每一种i n t e r a c t 技术，该站点都提供该技术及其对w e b 设计者的 益处、该技术的历史、以及w 3 c 发展该技术的未来日标的一个描述。 该站点还描述w 3 c 的目标，主要分成以下四类：心r c h j t e c t u r e ( 体系结构) 、 i n t e r a c t i o n ( 交互性) 、t e c h n o l o g ya n ds o c i e t y ( 技术和社会) 、w e ba c c e s s i b i l i t y i n i t i a t i v e s ( 无障碍网页倡议) 等等。 1 1 2w e b 技术的发展 w e b 技术是一种特殊形式的客户服务器体系结构，由w 3 c 组织来维护相关 的标准。其中，在客户和服务器之间通过超文本传输协议h t t p 交流信息。h t t p 是建立在t c p i p 基础上的一种高层网络应用协议。 w e b 浏览器 h t t p 协议 w e b 服务器 ( b r o w s e r ) ( s e r v e r ) 图卜1w e b 工作原理 w e b 技术飞速发展至今，经历了无数的风雨。十几年来，w e b 技术由最初的 静态网页逐渐被动态网页所替代，从简单的文字、图片组合进化到与多媒体信息 的融合，经历了h t 儿版本的不断提升、x m l 的出现、v b s c r i p t 和j a v a s c r i p t 等 客户端脚本语言的演化，服务器端的脚本语言也从最初的c g i 、a s p 发展成由 a s p n e t 、p h p 、j s p 等技术组成的多元化w e b 技术体系。 a j a x ”1 是一种最新的w e b2 0 客户端技术，通过“改善用户体验、节约网络 资源”为w e b 注入了新的活力，向部署繁琐的桌面应用再次发出挑战。本节将简 要介绍h t t p 协议和w e b 依托的两个实体服务器软件，回顾服务器端技术的发展， 最后通过考查客户端技术的演化历程分析得出促使a j a x 产生的原因。 1 1 2 1w e b 服务器和浏览器 1 w e b 服务器概要 w e b 服务器也被称为h t t p 服务器，是一种提供w e b 服务的专用软件。它 通过h t t p 协议与客户端通信，通过提供资源( 例如包含所需数据的x h t m l 文 1 0 浙江大学硕士学位论文第1 章绪论 档) 来响应客户( 浏览器端) 的请求。 w e b 服务器的任务是： ( 1 ) 接受请求。 ( 2 ) 请求的合法性检查，包括安全性屏蔽。 ( 3 ) 针对请求获取并制作数据，包括j a v a 脚本和程序、c g i 脚本和程序、为 文件设置适当的m i m e 类型来对数据进行前期处理和后期处理。 ( 4 ) 把信息发送给提出请求的客户机。 h t t p 协议运用可靠的t c p 连接，通常指定t c p8 0 端口。当前的版本是 h t l p ，1 1 ，由r f c 2 6 1 6 定义。h t t p 最常用的请求类型有两种：g e t 和p o s t 。 这些请求类型用于检索w e b 服务器并将客户表单数据发送到服务器端。g e t 请 求多用于向服务器请求h t m l 文档或根据用户提交的搜索项目取得搜索结果； p o s t 请求常用于发送信息到服务器上，如验证信息或上传用户表单中的数据。 一个h t t p 请求包含三个部分： m e t h o d u r i - p r o t o c o l v e r s i o n 方法地址版本 r e q u e s th e a d e r 请求头 e n t i t yb o d y 请求实体 一个p o s t 请求实例： p o s t s e r v l e t d e f a u l t j s ph t t p 1 1 a c c e p t ：t e x t p l a i n ；t e x t h t m l a c c e p t - l a n g u a g e ：e l l g b c o n n e c t i o n ：k e e p - a l i v e h o s t ：l o c a l h o s t r c f e r e r ：h t t p ：l o e a l h o s t c h 8 s e n d d e t a i l s h t m u s e r - a g e n t ：m o z i l l a 4 0 ( c o m p a t i b l e ；m s i e4 0 1 ；w m d o w s9 8 ) c o n t e n t - l e n g t h ：3 3 c o n t e n t - t y p e ：a p p l i c a t i o n x - w w w - f o r m - u r l e n c o d e d a c c e p t - e n c o d i n g ：g z i p ，d e f l a t e l a s t n a m e = f r a n k s & f i r s t n a m e = m i c h a e l h t t p 响应也由三部分组成： p r o t o c o l - s t a t u sc o d e - d e s c r i p t i o n 协议状态描述代码 r e s p o n s eh e a d e r s 响应头 e n t i t yb o d y 响应实体 浙江大学硕士学位论文 第1 章绪论 一个h r r p 响应的实例： h r n ) 1 12 0 0o k s e r v e r ：m i c r o s o f f i i s 4 0 d a t e ：m o n , 3j a n1 9 9 81 3 ：1 3 ：3 3g m t c o n t e n t - t y p e ：t e x t h t m l l a s t m o d i f i e d ：m o n 1 lj a n1 9 9 81 3 ：2 3 ：4 2g m t c o n t e n t - l e n g t h ：11 2 w e l c o m et ob m i n vs o i t w a r e 要访问w e b 服务器，用户必须知道驻留w e b 服务器软件的机器名。本地 w e b 服务器可以通过机器名或l o c a l h o s t 引用地址，远程w e b 服务器主要通过“域 名+ 主机名+ 顶级域”的方式进行访问，这种组合后的地址叫做完全限定主机名。 d n s 服务器会将其解析为唯一的口地址。 2 主流w e b 服务器 当前的主流服务器有两种：m i c r o s o f ti n t e m e ti n f o r m a t i o ns e r v i c e ( i i s ) 和 a p a c h ew e b s e r v e r 。 s i i s 是w i n d o w s 自带的一个企业级w e b 服务器。由m i c r o s o f t 公司推出，是 捆绑于操作系统的免费服务器。当前的主要应用版本为i i s5 0 和i i s6 0 。 5 0 版本于2 0 0 0 年2 月1 7 日推出，运行平台是w i n d o w s2 0 0 0 x p 。 6 0 版本于2 0 0 3 年3 月2 8 日推出，运行平台是w i n d o w ss e r v e r 2 0 0 3 。 最新版本是7 0 ，包括在w i n d o w sv i s t a 中。 a p a c h e a p a c h e 服务器的运行平台非常广，版本划分很细。它开放源码、可以免费 获得和定制，在稳定性、效率、可移植性、安全和紧凑性方面都很优秀，可运行 于w i n d o w sn 1 挖o o o 、m a co sx 、l i n u x 、u n i x 等各种平台。 3 浏览器 w e b 浏览器是对服务器发出请求的客户机程序，当w e b 服务器接收到w e b 浏览器的请求后，将请求的数据发送到w e b 浏览器，浏览器对接收到的数据进 行解释并在屏幕上显示出来。 w e b 浏览器具有以下功能： ( 1 ) 帮助用户发起请求。 ( 2 ) 通过网络将客户端请求发送给某个服务器。 1 2 浙江大学硕士学位论文第1 章绪论 ( 3 ) 解释服务器回传的h t m l 文档，并把结果绘制终端上。 较完善的浏览器架构如图l 一2 ： 鑫 用户 图1 - 2 浏览器架构 目前浏览器市场份额最高的是微软的正浏览器，其次是火狐浏览器( m o z i u a f i r e f o x ) ，但在浏览器的发展历程中，浏览器不仅不是最早的浏览器，甚至不 是主流的浏览器。由于m 浏览器白推出之日起就是免费的，微软这一策略几乎 将其他收费浏览器置于死地。因此从一定程度上说，是微软提供的免费浏览器软 件的发展带动了整个互联网的发展。 在浏览器的发展历程中，有几个主流浏览器是必定会被写入互联网发展史 的。这些浏览器包括：m o s a i c 浏览器、网景浏览器( n e t s e a p en a v i g a t o r ) 、i e 浏览 器( i n t e r n e te x p l o r e r ) 、o p e r a 浏览器、m o z i l l af i r e f o x 浏览器等。 这些浏览器的功能、速度和特性各不相同，采用不同的h t m l 布局引擎。 布局引擎决定着w e b 页面的显示，n e t s c a p e 与m o z i l l a 的布局引擎为g e c k o ，而 o p e r a 和i e 有自己的布局引擎。浏览器功能与特性的差别使不同浏览器之间的 兼容造成了一定的困难。 1 1 2 2 服务器端技术的发展 动态网页的概念出现后，w 曲技术的范围得到了拓展，不再仅是指浏览器端 的界面技术，复杂的服务器端数据处理开始体现w e b 技术的强大。随着硬件处 浙江大学硕士学位论文第1 章绪论 理能力和效率的大幅提高，现在的w e b 项目数据服务器的设计方案中加入大型 数据库管理系统的支持已不再是奢侈的梦想。 自从1 9 9 0 年诞生了世界上第一个w e b 服务器以来，新的w e b 语言或技术的 出现就从来没有停止过。诞生于1 9 9 3 年的p h p 是世界上第一个被大规模应用的 w e b 语言，最初，它不是完全面向对象的语言，只有一些基本的面向对象特征。 后来兴起的a s p 技术红极一时，a s p 引入了基于对象的j a v a s c r i p t ，但由于其扩 展能力较差( 需要c o m 技术的支持) ，渐渐被以j s p 为首的w e b 开发技术排挤。 2 0 0 0 年n e t 技术开始崭露头角，随着n e tf r a m e w o r k1 1 和v i s u a l s t u d i o n e t2 0 0 3 的成熟，学习和使用a s p n e t 技术的热潮不断涌现。2 0 0 5 年 末，微软不遗余力地推出了a s p n e t2 0 ”1 ，它作为w e b 应用程序开发最新的核 心技术，正吸引着越来越多的目光。 以上各种技术都有自己的特点和优势，技术的优劣不是绝对的。结合实际项 目应用的需要，本文将在第四章的解决方案中简要介绍a s p n e t 2 0 技术和 v i s u a ls t u d i o2 0 0 5 开发平台。 1 1 2 3 客户端技术的发展 最初网页全都是静态的，由呈现简单的文字图片组合到能够加载各种复杂的 多媒体数据，经历了相当长的时间，这一时期中各种客户端技术从不完善到逐渐 完善，w 3 c 组织不问断地接纳新技术、推出新规范，给浏览器开发者指明方向， 为万维网的良性发展做出了重要贡献。 h t m l l o 一4 0 1 h t m l ( 超文本标记语言，h y p e r t e x t m a r k u p l a n g u a g e ) 标准经历了一个漫 长而艰难的道路，才达到今天这样相对稳定的状态。在早期的时候，主要w e b 浏览器之间的竞争引起了私有标签、h t m l 扩展名和实践的混乱，扰乱了h t m l 最初要提供对页面显示进行控制的意图。w 3 c 终于在h t m l 4 0 规范中达到了 一致性的控制，并在4 0 l 版本中有了更进一步的提炼。 当w 3 c 对h t m l 的工作有了明确的主意时，他们也意识到，在旧的浏览器 逐渐被淘汰、w e b 创作者开始按正确的方法建立文档之前，还需要一定的时间。 因此h t m l a 0 1 i s 规范实际上包含三个稍微不同的规范文档：一个是“严格的一， 一个是“过渡的”，一个是专门针对框架文档的。这些文档被成为d t d ( 文档类 1 4 浙江大学硕士学位论文第1 章绪论 型定义) ，它们定义了每个标签、属性和实体以及使用规则，d t d 的编写遵循 s g m l ( 标准通用标记语言) 的规定和习惯。 “h t m l 4 0 1 严格d t d ”排除了所有不提倡的标签和属性。在理想状态下， 所有的开发者将按照h t m l 严格版本来建立他们的文档结构，将所有的表达形 势都交给样式表去处理。 ) 0 垤l x m l ( 可扩展标记语言，e x t e n s i b l em a r k u pi m g u a g e ) 是w 3 c 批准的一个 文档编码或标记标准，它有一套用来创建其他标记语言的规则。通过x m l ，可 以规范的定义结构化数据，是网上传输的数据和文档符合统一的标准。用儿 表述的数据和文档，可以很容易的让所有程序共享，由这一点可以预计它的发展 前景是非常光明的。 x h t m l h t m l 4 0 1 已经走到了h t m l 时代的尽头。随着x m l 的创建，w 3 c 最终 有了一套标准规则，用来定义标记语言。x m l 化的h t m l 标准被成为x h t m l ( 可扩展超文本标记语言，e x t e n s i b l eh y p e r t e x tm a r k u pl a n g u a g e ) 。x h t m l1 0 田 推荐标准是按照x m l 的规则得到的h t m l4 0 1 规范的新形式，也存在三种变体： 严格的、过渡的和框架的。x h t m l 将替代h t m l 的趋势不可逆转。 j a v a s c r i p t v b s c r i p t j s c r i p t 三种客户端的脚本语言，j a v a s e r i p t 是s u n 推出的，其余两种是微软开发的， j a v a s e r i p t 和j s e r i p t 的语法规则基于j a v a ，v b s c r i p t 的语法规则基于v i s u a lb a s i c ， 但都要简单的多，以适应w e b 客户端应用的开发。j a v a s c r i p t 作为a j a x 技术的 一个核心技术在本文的第二章中进行详述。 开发人员利用脚本语言第一次能够控制页面与用户之问的交互，对于诸如数 据验证这样的简单任务，不再需要持续地在服务器和客户端之间往返，只需在测 览器中即可实现。僮旦皇笠伛堕厘笪达数垦亘自垫尘：这是塑羞型墨虚蓬筮星 的差= 仝重塞生墨! 帧和隐藏帧技术 浙江大学硕士学位论文 第1 章绪论 帧的理念是使一个网页能够分成几个独立的文档，表示一个完全独立的对服 务器的请求，为客户端一服务器通信引入了一种有效的工具。由于n c t s c a p e 在 h t m l 4 0 之前就实现了该功能，曾经引发了很大争议。盟壁堕匹2 ：q 星墓= 企回 吐童挂噬独盟s ! 照匹数趔堕墨：这是丛墨速丝鲎捏数二仝重要生显： 隐藏帧技术是指配置一个帧集( f r a m e s e t ) ，使其中一个帧的宽度或高度为0 象素，对于用户不可见，用来初始化与服务器的通信。隐藏帧通常包含一个h t m l 表单，表单中包含一些特定的字段，用j a v a s c r i p t 对这些字段实现动态填充，并 将其传送到服务器端，返回该帧时，调用另外的j a v a s c r i p t 脚本进行相应的控制。 隆丞噬侄盏差二仝显生遣壅= 堕廑的搓型星型墨适筐搓型的箜堑! d h t m l d h t m l ( 动态h t m l ，d y n a m i ch t m l ) 不是一种独特的技术、语言或功 能集，而是综合了几种不同技术相互作用的方式。d h t m l 可以使用常规h t m l 、 脚本文件、文档对象模型、绝对定位技术、动态样式、多媒体过滤器和各种其他 技术动态改变h t m l 在屏幕上显示文本和图像的方式。虽然它曾经红极一时， 但由于没有被普遍支持和浏览器厂商的各自为战，最终d h t m l 被w 3 c 拒之门 外。d h t i v i l 代表了从静态网页向前迈进的重要一步，它使得开发人员能够通过 j a v a s c r i p t 来修改已载入页面的任何部分。隧型l 塑隆蘧噬蕉苤缉金：豆丝瞳 盟塑堡腿箜墨鲍篮皇夏堑亟亘：这是里盘查五筮殴= 这基正数堇型缝銮! c s s ( 层叠样式表，c a s c a d i n gs t y l es h e e t ) 是正式的w 3 c 标准，用来控制外 观，让h t m l 标记去指示其应如何表示的结构。它可以有效地对页面的布局、 字体、颜色、背景和其它效果实现更加精确的控制。层叠指的是，当多个样式信 息源对页面元素的控制产生竞争的时候所发生的情况一一样式信息从最高层向 下传递，从父元素到子元素，直到它被更高权重的样式命令所覆盖。可以说，离 开c s s 就没有今天如此丰富多彩的w e b 世界。瞳羞c s s 的出通，d h t m l 使 w e b 珏筮重现活左。 d o m d o m 啪( 文档对象模型，d o c u m e n to b j e c tm o d e l ) 是提供给h n 礼和x l v i l 使用的一组a p i ，提供了文件的表述结构，并可以利用它改变其中的内容和可见 物。脚本语言通过d o m 才