（计算机应用技术专业论文）面向web的工程项目进度管理组件设计关键技术.pdf

武汉科技大学 研究生学位论文创新性声明 i ii ifi i r l f lr li lflill 17 3 9 5 0 9 本人郑重声明：所呈交的学位论文是本人在导师指导下，独立进行研究 所取得的成果。除了文中已经注明引用的内容或属合作研究共同完成的工作 外，本论文不包含任何其他个人或集体已经发表或撰写过的作品成果对本 文的研究做出重要贡献的个人和集体，均已在文中以明确方式标明。 申请学位论文与资料若有不实之处，本人承担一切相关责任。 论文作者签名： 臣棠 日期：型! 三竺 研究生学位论文版权使用授权书 本论文的研究成果归武汉科技大学所有，其研究内容不得以其它单位的 名义发表。本人完全了解武汉科技大学有关保留、使用学位论文的规定，同 意学校保留并向有关部门( 按照武汉科技大学关于研究生学位论文收录工作 的规定执行) 送交论文的复印件和电子版本，允许论文被查阅和借阅，同意 学校将本论文的全部或部分内容编入有关数据库进行检索。 论文作者签名： 指导教师签名： 1 硗 日 期：垫! ! ：皇：鲨 武汉科技大学硕士学位论文第1 页 摘要 质量管理、进度管理和投资管理是工程项目管理的主要工作内容，它们的目标既对立 又统一。在进度管理的过程中，需要利用“甘特图”、“网络图”、“柱形图”、“折线 图”等进度图形可视化地表达进度信息。很多工程项目管理软件中都支持“甘特图”、“网 络图”等进度图形的绘制功能。工程项目一般分布在不同地域，为方便项目参与人员交流 项目信息，采用i n t 锄e t 传输信息是最优选择。本文对工程项目进度管理的背景和现状进 行研究，提出了研究面向w e b 的工程项目进度管理软件的必要性。为提高软件开发过程 中不同形式软件的可重用性，在软件的设计和实现过程中，采用了组件技术和面向对象技 术。为提高进度管理组件代码的重用性、可移植性和可维护性，降低组件在视图和逻辑上 的耦合性，采用了m v c 设计模式将组件划分为模型、视图、控制三个部分。在需求分析 的基础上，使用u m l 建模技术对组件进行建模，采用动态服务器页面技术a s p n e t 进 行进度管理组件的开发。为克服b s 结构下进度图形在网络传输速度、交互性方面的不足， 深入地研究了可扩展矢量图形s v g ，设计出进度图形的s v g 表示方法。在此基础上，对 进度图形生成算法进行研究，设计出s v g 格式甘特图的生成算法，并运用j a v a s 嘶p t 语 言在客户端实现算法，以充分地利用客户端浏览器的处理能力。 关键词：进度管理；组件；面向w e b ；s v g 第1 i 页 武汉科技大学硕士学位论 一l - - - _ - i - - _ _ - - _ _ _ _ - - l - _ _ _ _ _ - _ _ _ - - - l _ - - _ _ _ _ _ _ - - - 一 a b s t r a c t q u a l i t ym a n a g e m e n t ，s c h e d u l em a n a g e m e n ta n di n v e s t m e n tm a n a g e m e n ta l et h e m a i n t a s k so fp r o j e c tm a n a g e m e n t ，t h e i rg o a l sa r et h eu n i t yo fo p p o s i t e s i nt h ep r o g r e s so ft h e s c h e d u l em a n a g e m e n t ，p e o p l en e e dt ob s et h e ”g a n t tc h a r t ”，”n e t w o r km a p ”，”c o l u m ng r a p h ， ”l i n eg r a p h ”a n do t h e rp r o g r e s sg r a p h i c st ov i s u a l l ye x p r e s st h ep r o g r e s si n f o r m a t i o n m a n y p r o j e c tm a n a g e m e n ts o f t w a r es u p p o r tt h ef u n c t i o no fd r a w i n g ”g a n t tc h a r t ”， n e t w o r km a p a n do t h e rp r o g r e s sg r a p h i c s p r o j e c t sa r eg e n e r a l l yl o c a t e di nd i f f e r e n tr e g i o n s ，t of a c i l i t a t e p r o j e c t i n f o r m a t i o ne x c h a n g i n gb e t w e e np r o j e c tp a r t i c i p a n t s ，t r a n s m i t i n gi n f o r m a t i o n v i a i n t e r a c ti st h eb e s tc h o i c e i nt h i sp a p e r , b a c k g r o u n da n ds t a t u so fp r o j e c tm a n a g e m e n t1 5 s t u d i e d ，t h en e c e s s i t yo fr e s e a r c ho nt h ew e b o r i e n t e ds c h e d u l em a n a g e m e n ts o f t w a r ei s p r o p o s e d t oi m p r o v er e u s a b i l i t yo f s o f t w a r ei nd i f f e r e n tf o r m sd u r i n gt h es o f t w a r ed e v e l o p i n g p r o g r e s s ，c o m p o n e n tt e c h n o l o g ya n do b j e c t o r i e n t e dt e c h n o l o g y i su s e di nt h es o f t w a r ed e s i g n a n di m p l e m e n t a t i o np r o c e s s t oi n c r e a s ec o d er e u s a b i l i t y , p o r t a b i l i t ya n dm a i n t a i n a b i l i t yo f s c h e d u l em a n a g e m e n tc o m p o n e n t sa n dr e d u c ec o u p l i n gb e t w e e nt h ev i e wa n dl o g i co ft h e c o m p o n e n t s ，t h em v cd e s i g np a t t e r ni su s e d t od i v i d et h ec o m p o n e n t si n t ot h r e ep a r t s ：m o d e l ， v i e wa n dc o n t r 0 1 b a s e do nr e q u i r e m e n t sa n a l y s i s ，t h eu m lm o d d i n gt e c h n i q u ei su s e dt o m o d e lt h ec o m p o n e n t s ，t h ed y n a m i cs e r v e rp a g et e c h n o l o g ya s p n e ti su s e dt od e v e l o pt h e s c h e d u l em a n a g e m e n tc o m p o n e n t s t oo v e r c o m et h ed e f i c i e n c i e so fp r o g r e s sg r a p h i c su n d e r t h eb ss t r u c t u r ei nt r a n s m i s s i o ns p e e da n di n t e r a c t i v i t y ，ai n - d e p t hs t u d yo ft h es e a l a b l ev e c t o r g r a p h i c ss v g i sm a d e ，a n dt h es v gr e p r e s e n t a t i o no fp r o g r e s sg r a p h i c si sd e s i g n e d o nt h e s e b a s i s ，t h eg e n e r m i o na l g o r i t h m so fp r o g r e s sg r a p h i c si ss t u d i e d ，a n dt h eg e n e r a t i o na l g o r i t h mo f g a n t tc h a r ti ns v gf o r m a ti sd e s i g n e da n di m p l e m e n t e dw i t hj a v a s c r i p tl a n g u a g eo nt h ec l i e n t s i d et om a k ef u l lu s eo ft h ep r o c e s s i n gp o w e ro ft h eb r o w s e ro ft h ec l i e n t - s i d e k e y w o r d s ： s c h e d u l em a n a g e m e n t ，c o m p o n e n t s ，w e b o r i e n t e d ，s v g 2 5 第三章 3 1 3 2 第四章 4 1 4 2 4 3 4 4 4 5 第五章 5 1 2 4 1 j a v a s c r i p t 概述1 2 2 4 2浏览器编程环境1 2 本章小结。k 1 3 进度图形的s v g 表示方法设计1 4 甘特图的s v g 表示1 4 网络图的s v g 表示18 面向w e b 的甘特图绘制组件设计2 0 组件模型设计。2 0 4 1 1需求分析2 0 4 1 2组件用例建模2 2 4 1 3对象交互建模2 3 4 1 4组件结构建模2 6 数据结构设计2 7 接口设计2 9 甘特图生成算法设计：一2 9 本章小结3l 面向w e b 的甘特图绘制组件实现关键技术3 2 甘特图绘制组件原理3 2 第1 v 页武汉科技大学硕士学位论 5 2甘特图绘制组件的实现。3 2 5 2 1异步请求x m l 数据3 2 5 2 2读取x m l 数据3 4 5 2 3 图形绘制3 5 5 2 4 甘特图绘制组件使用方式一3 7 5 3面向w e b 的进度管理组件运行界面3 8 5 4本章小结4 l 第六章总结和展望4 2 参考文献4 3 致谢4 5 附录攻读硕士学位期间成果4 6 武汉科技大学硕士学位论文第1 页 第一章绪论 1 1 研究背景及意义 本课题来源于邯邢冶金矿山管理局管理创新项目“基于网络的基本建设管理系统”。 邯邢冶金矿山管理局是大型国有黑色冶金矿山企业，为加强矿山基本建设的工程管理与投 资控制，早在北沼河铁矿建设时期，该局就与与科研机构合作创建了在d o s 系统下运行 的基本建设控制管理系统。当前，该局又在兴建投资约2 5 亿元、年产7 5 0 万吨的铁矿石 采选项目。为进一步加强矿山基本建设的工程管理与投资控制，该局再次提出了编制基本 建设控制管理软件的构想，并与我校合作编制基于网络的矿山基本建设工程项目信息管理 系统( b c s ) 。 矿山基本建设是矿山企业为了开发地下蕴藏的矿产资源，经过国家相关部门的审批， 由建设施工单位在限定时间、资源和质量标准的条件下完成的目标明确的一次性建设任务 【l 】。矿山基本建设工程具有建设规模庞大、项目结构复杂、建设周期长、涉及协作单位多 等特点，此外，矿山基本建设工程施工项目一般是向地下纵深发展，项目施工建设的过程 中，不可预知的因素较其他建设项目多。在矿山基本建设项目施工过程中，容易出现各种 突发事件和问题，影响建设进度计划的正常执行。因此，矿山企业会根据矿山基本建设工 程的特点，运用工程项目管理学的相关理论和方法，对矿山基本建设过程进行全面的管理 和控制，以更好地实现矿山基本建设项目投资计划、进度计划和质量计划。 工程项目管理是在特定的约束条件下，为了最好地达到工程项目的目标，对工程项目 的全过程进行组织、计划、指挥、控制和协调等活动，以优化地使用有限的人力、财力、 物力、时间、空间与信息，并在消耗最低的情况下，获得最大的经济效益、环境效益及社 会效益的管理过程【2 捌。在工程项目管理中，质量、进度和投资管理是最重要的工作内容， 并称为工程项目管理工作的三驾马车。质量管理、进度管理、投资管理的目标既对立又统 一【4 5 1 。质量管理过于严格，可能减慢工程的进度；若因为严格的质量管理而规避了工程 返工的风险，则能够加快工程的进度；进度的加快一般会造成投资的增加，而提前完成工 期目标又可能带来投资效益的提高。解决好这三者之间的矛盾关系，既能质量过硬，又能 进度快，还能节省投资，是工程项目管理的目标【6 】。 工程项目进度管理是工程项目管理工作的重点目标之一，是工程项目实现既定工期目 标的保证，是项目资源分配的依据，是工程成本节约的重要手段。在工程项目进度计划编 制、进度计划优化、进度动态控制的过程中，需要利用“甘特图”、“网络图”、“柱形 图”、“折线图”等图形可视化地表达进度信息【7 】o 在很多常用的工程项目管理商品化软 件，如“p 3 ”、“o p e i lp i n 、“p r o j e c t ”中，都提供了对“甘特图 、“网络图 等 进度图形绘制功能的支持【8 】。 随着“万维网 ( w o r l dw i d ew e b ，简称w w w ) 技术的迅猛发展，以及“浏览器服务 器”( b r o w s 盯s e r v 吼简称b s ) 软件结构的广泛运用，越来越多的企业提出了使用基于w e b 第2 页武汉科技大学硕士学位论文 的工程项目管理系统的要求。“b s 结构”是分布式的“c s 结构的一种。在该结构中， 用户只需在客户端计算机上安装浏览器，就能够实现对分布于网络上的服务器端应用软件 的访问。浏览器具有统一的用户界面和操作方法，能够减少培训用户的费用1 9 。此外，基 于“b s 结构 的软件系统在部署与维护方面也具有很大的优势。 在“b s 结构”的软件中，信息的加工和计算主要在服务器端完成，服务器端处理的 结果以h t m l 文档的形式返回给客户端浏览器【l0 1 。在根据数据动态生成图形方面，由于 浏览器功能较弱】，一般是将服务器端绘制好的图形以位图的形式传输给客户端浏览器 显示。位图占用较大的存储空间，客户端浏览器下载位图时，速度较慢。此外，位图交互 性差，放大后容易出现锯齿、模糊等现象。因此，研究能够在b s 结构下实时、动态地在 w e b 页面中绘制进度图形，具有较快的网络传输速度和良好交互性的组件，对促进b s 结构的工程项目管理系统的发展有重要的意义。 1 2 研究现状 随着国家经济实力和综合国力的不断增强，国家陆续启动了“三峡工程”、“北京奥 运会场馆建设工程 、“上海世博会场馆建设工程”等大型建设项目。这些举世瞩目的工 程规模宏大、项目组织结构繁杂、质量标准严格，传统的管理手段、方法难以奏效。在它 们建设的过程中，都有先进的现代化工程项目管理系统支撑。在“三峡工程建设过程中， 为全面、高效地指导和控制工程建设的全过程，建设了“t g p m s 系纠1 2 】；在“北京奥 运会场馆建设工程”建设过程中，为协助工程管理人员对建设过程实行统一策划、综合管 理，在借鉴国外奥运会工程管理成功经验的基础上，开发了既遵循国际常规模式又具有中 国特色的“奥运工程建设管理信息平台 【1 3 1 ；在“上海世博会场馆建设工程”中，世博 会事务协调局采用了“世博会园区建设工程管理信息系统 来实现对建造成本、建设进展、 建筑质量、安全、文明建设、建设合同文档等的全生命周期信息化管理【1 4 】。工程项目管 理信息化是我国工程项目管理现代化的必然走向。从国家到企业都需要借助先进的信息技 术来辅助工程项目的科学决策和现代化管理。 在工程项目管理系统中，进度管理功能是不可或缺的功能模块之一。在进度管理模块 中，需要实现制定进度计划、分析比较工程实际进度与计划进度的差距、自动绘制“甘特 图、“网络图 等功能【1 5 , 1 6 】。根据进度数据自动绘制“甘特图、“网络图 的实现比 较复杂，从事这方面研究的并不多。从查阅到的参考文献来看，实现这项功能一般采用如 下几种方案： ( 1 ) 实现系统与商品化的项目管理软件的接口，由项目管理软件绘制图形【1 7 】。这种方 式对项目管理软件的依赖性较强。用户在使用该功能时，必须安装相应的项目管理软件。 不仅增加了用户购买软件的成本，在系统部署、升级方面也存在一定困难，不适合推广使 用。 ( 2 ) 使用第三方图表控件，如a d d s o f l 公司的g a n t t o c x 1 8 】、j a v a 图表工具j f r e e c h a r t 1 9 1 、 f l a s h 图表控件f u s i o n c h a r t s f r e e 等。除去熟悉控件使用方法、购买控件的时间和经济成 本外，这种方式可以大量缩短软件开发时间。不足之处在于，第三方控件一般功能相对固 武汉科技大学硕士学位论文第3 页 定，用户不能自由扩展功能，在使用方面存在一定的局限性。a d d s o f f 公司的g a n t t o c x 只能在桌面程序或c s 模式的胖客户端程序中使用。j a v a 图表工具j f r e e c h a r t 绘制的图形 是位图格式的，难以实现交互功能。在甘特图绘制方面，f l a s h 图表组件f u s i o n c h a r t s f r e e 可以实现具有一定交互性的甘特图，但是当任务数量较多、任务持续时间较长时，这个控 件会明显减慢客户端计算机的速度，性能较差。此外，虽然f u s i o n c h a r t s f r e e 提供的图表 类型比较丰富，但是没有提供对网络图显示功能的支持。 ( 3 ) 独立开发进度图形显示功能。当前，基于w e b 的工程项目管理系统是研究的主要 方向，在w e b 页面上表现进度图形主要有位图、j a v aa p p l e t 2 0 、h t m l 几种方式。位图 很难实现与用户的交互功能，而且在服务器端创建图像，再发送到客户端显示，网络传输 数据量较大；使用j a v a a p p l e t 在客户端动态绘制图形能够利用j a v a s c r i p t 脚本与用户交互， 绘图性能比较高，但客户端必须安装j a v a 运行环境；用h t m l 表示图形虽然可以通过 j a v a s c r i p t 脚本与用户交互，但是h t m l 语言不具备表达图形的能力，用h t m l 表示图 形不够直接。 本文提出了一种运用可扩展矢量图形s v g ( s c a l a b l ev e c t o rg r a p h i c s ) 绘制w e b 进度 图形的方法。由于s v g 支持j a v a s c d p t 脚本，可以较好的实现与用户交互的功能。此外， 表示进度图形的s v g 矢量图形元素可以由客户端j a v a s c r i p t 脚本自动生成，充分利用了 客户端资源，减少了网络传输的数据量。 1 3 相关概念 1 3 1 工程项目进度管理模型 工程项目进度管理是指在既定的工期内，对工程项目的工作内容、持续时间、工序及 衔接关系，依据工程项目施工进度既定的总目标与优化资源配置的原则编制进度计划，然 后执行进度计划，在计划执行的过程中反复检查、记录工程实际进展情况，然后与计划进 度进行比较，若发现偏差，分析偏差产生的原因和对进度的影响程度，然后调整原计划， 不断地循环往复，直到施工完成，投入使用f 2 1 2 2 2 3 1 。 计划 检查 陆焘计萄r _ 垫堑p 实际进度1 _ i 氅 l - l 一一 卜煎盒主! = 型一 l 厩面。一一合计划 图1 1 进度管理模型图 工程项目进度管理以实现工程项目合同中双方约定的竣工同期为最终目标，以实现既 定的工期要求或在保证质量、适量追加实际成本的前提下，适当缩短工期为总目标。逐层 地分解进度管理的总目标，形成一个相互制约、便于实施进度管理措施的目标体系。在分 解的过程中，上层级的进度目标决定了下一层级的进度目标，下一层级的进度目标保证 了上一层级进度目标的实现，形成了自上而下逐层约束，自下而上逐层保证，上下一致的 第4 页武汉科技大学硕士学位论文 多层级的进度目标体系【6 1 。 砸 - j -、 f _ 单项、：糠1 单砬1 ：程1 芭i - 适 i 。= ：塞，? 阙 l 坌堡兰堡| l 竺堡兰到 图1 2 工程项目结构图 工程项目进度管理以工程活动为基本管理对象。工程活动是指工程项目结构图中不同 层级的单元，如整个工程项目，各个单项工程、单位工程、分部工程或分项工程。项目的 进度状况数据一般由各分项工程完成百分比逐层向上汇总得来【2 1 。因此，为实现进度管理 的目标，及时、动态地掌握工程项目结构图中各层级单元实际进度的执行情况，尤其是底 层的执行情况，是实现整个进度目标体系的关键。 1 3 2 常用的进度图形 ( 1 ) 甘特图 甘特图是以时间为横坐标轴、任务列表为纵坐标轴绘制的一组棒条图。棒条的起点代 表工程的各个任务的开始时间和顺序的先后，棒条的长短代表任务的持续时间。甘特图能 够直观地表示进度计划，显示计划进度与实际进度的对比，清晰地反映出了工程项目的进 展情况 7 1 ，能够辅助工程管理人员直观地找出项目进度上的偏差，及时地作出决策，采取 补救措施或者动态调整原有进度计划，使实际进度与计划进度保持一致。由于甘特图图形 简单，易于手工编制，能清晰地反映出任务进度信息，在工程项目进度管理工作中得到广 泛应用【2 4 1 。 图1 3 甘特图示意图 ( 2 ) n 络图 网络图是描述任务及其逻辑关系的有向无环图。根据表示方式的不同，网络图分为单 代号网络图和双代号网络图两种形式。双代号网络图用有向边表示任务，节点表示任务的 开始或结束，任务编号用有向边连接的两个节点的编号表示。单代号网络图用节点表示任 务，只需用一个节点的编号表示任务编号【2 5 1 。网络图明确地表达了任务之间的依赖关系， 分析网络图，确定关键路径，能够辅助工程管理人员明确主要目标，增强管理的针对性。 此外，网络图是一个数学模型，针对模型能够设计各种进度优化算法。但网络图编制过程 武汉科技大学硕士学位论文第5 页 较复杂，在工程项目进度管理工作中推广使用比较困难。 传务q 开始 任务巧结束 t ， 器毒等 除外。 可以用树状结构来表示x m l 文档中的元素。最顶层的根元素相当于树的根节点，向 武汉科技大学硕士学位论文第9 页 下延伸到更低一层的元素，而更低层的元素又以类似的方式向下扩展，直到最内层内容， 最后形成一个倒置的树结构【3 2 】。 2 2 可升级矢量图形s v g 在w e b 环境中，浏览器仅支持图形图像的显示，功能较弱。鉴于此，一些软件厂商 和组织纷纷制定自己的矢量图形标准，开发出矢量图形浏览插件。但由于种种原因，这些 插件未能得到推广应用。s v g 的出现，正是为了统一标准，结束这种混乱局面。 s v g ( s c a l a b l ev e c t o rg r a p h i c s ，可扩展矢量图形) 是x m l 在面向图形图像方面的一个 应用标准，由w 3 c 的s v g 工作组制定。s v g 是一种基于x m l 语言的用于描述二维图 形( 包括矢量图形及矢量点阵混合图形) 的语剖3 2 j 。“可扩展 是指s v g 格式图形不受固 定大小和分辨率的限制，并且s v g 规范能较好地和其它规范融合【3 6 1 。s v g 格式图形能够 以同样的大小在分辨率不同的屏幕上显示，也能够在同一个页面上用不同的大小查看图形 的全局或者细节。同样的一段s v g 表示的内容，可以表示成单独的图像文件，也可以嵌 入其它的s v g 图像中，或者被w e b 页面引用【3 丌。s v g 文档高度兼容x m l1 o 文档，并 且标准开放，扩展性强，可以用于描述任意复杂程度的图像。s v g 是专门为w e b 设计的 文本形式的图形格式【3 引。“矢量 是指由点、线、多边形等可以用数学方程表示的几何 图元表示的图形，而不必像位图那样用像素表示图像。因此，同一个图像，与相同显示质 量的位图文件相比，s v g 格式的图形文件占用空间小，下载速度快【3 9 1 。此外，由于是矢 量图形，s v g 格式图形可以任意缩放，而不会影响图形的显示质量，不会像位图那样出 现锯齿、失真等现象。 s v g 元素是事先定义好的一组图像绘制指令集，由解析器解释指令并将s v g 图形渲 染在指定设备上。s v g 能够在w c b 页面上显示高质量的矢量图形，支持图形几何变换、 渐变、动画、滤镜、嵌入字体及透明等常见的图形功能。 s v g 交互性强，能够利用d o m 接口编程，动态生成嵌入w e b 页面的s v g 图形，能 采用不同的方式响应用户操作【加】。而传统的j p g j p e g 、g i f 等格式的位图则难以产生动 态地与用户交互的效果。在s v g 图形中，文字是一个独立的部分，能够进行动态移动与 缩放操作，也能够以图像中的文字为关键字查找图形。s v g 图形具有适应于任意屏幕或 打印分辨率的清晰度。s v g 也具有极强的颜色控制能力。此外，s v g 采用x m l 表示图 形元素，传递数据，具有跨平台、跨网络、跨设备的能力。 s v g 将图形、图像与文字有机地统一起来。按照功能的不同，s v g 中的主要对象可 以划分为两大类：基本绘图元素对象和绘图描述对象。如下图所示。 第1 0 页武汉科技大学硕士学位论文 基 太 绘 图 兀 素 对 象 绘 图 描 述 对 象 图2 1s v g 的主要对象 矢量图形用点、线等几何图元表示图形，减小了图形文件的长度，提高了网络数据传 输的效率。解析并显示图形的功能由客户端完成，减轻了服务器的负担。s v g 中的基本 绘图元素有：线段“ 、矩形“ 、圆“ 、椭圆“ 、多 段线“ 、多边形“ 、路径“ 、文本“ 、位图“ ” 等。定义好这些基本图形后，就可以对图形进行坐标定义、填充、描边、滤镜、遮罩、合 成、裁剪等一系列操作。此外，s v g 中定义了组元素“ 。“ 元素能够包含其 它图形元素，支持成组操作。 s v g 坐标系由横轴( x 轴) 、纵轴轴) 和原点组成，原点位于坐标轴左上角【3 8 】。 图2 2s v g 坐标系统 2 3 文档对象模型d 0 1 d 在本文第三章中，给出了进度图形的s v g 表示方法。表示进度图形的这些s v g 元素， 可以由服务器端根据任务信息生成s v g 文件，然后传输到客户端。另一种方案是，服务 器端仅传输任务信息到客户端，客户端根据任务信息动态创建s v g 图形元素。本文采用 后一种方案，可以降低网络传输数据量，充分利用客户端资源，减轻服务器的负担。客户 端在动态创建s v g 图形元素时，要用到x m l 的应用程序接口d o m ( d o c u m e n to b j e c t m o d e l ，文档对象模型1 。 d o m 是w 3 c 制定的x m l 解析器的接i z l 标准，独立于平台、浏览器和编程语言【4 。 d o m 使用树状层次结构组织信息片段或h t m l 、x m l 文档，提供了一组访问、处理这 武汉科技大学硕士学位论文第1 1 页 些信息的方法，支持对树状层次结构中任意数据( 包括x m l 元素、元素属性、文本、根 节点、c d a t a 、处理指令、实体和注释等) 的随机访州3 2 】。在内存中，支持d o m 接1 3 标 准的x m l 解析器采用对象模型集( 也称为d o m 树) 来表示x m l 文档结构，用户程序通过 操作对象模型，可以对x m l 文档的结构、内容及显示样式进行读取和更新操作【3 8 , 3 9 1 。 图2 3 是x m l 文档、d o m 接口和用户程序的关系图。d o m 接口主要用于屏蔽不同 x m l 解析器底层接口的差异，用户只需要针对d o m 接口进行编程，不必改写程序，就 可以适应不同的x m l 解析器环境。 x m 。一1 _ _ - 一 m * - l 一d o m 接口 一 解1 。 析 j 器i 图2 3x l i l 文档、d 伽接口和用户程序关系图 d o m 用节点树的形式表示x m l 文档结构，避免了x m l 文档书写过程中容易出现 的元素嵌套错误、缺失结束标记、节点父子关系错误等问题，保证了x m l 文档格式的正 确性。d o m 可以方便地添加、修改、删除x m l 文档中的元素，获取、设置它们的属性， 提取x m l 文档中相关元素的内容。此外，d o m 表示的元素关系与关系数据库、层次数 据库中数据的表示方法极为相似，使用d o m 在x m l 文档和数据库之间交换数据十分容 易【3 5 】。 由2 2 节可知，s v g 文件是一类特殊的x m l 文件，可以用d o m 结构来描述其文档 结构。甘特图s v g 文件对应的d o m 树状层次结构如下图所示。s v g 格式甘特图中包含 大量的分组、矩形、文字、线段等元素，图中只简单地列出了甘特图各部分主要包含的元 素类型。 图2 4 甘特图s v g 文件d o m 树形结构 d o m 接口标准中提供了d o c u m e n t 、n o d e 、n a m e d n o d e m a p 和n o d e l i s t 等接口。 d o c u m e n t 接口是整个d o m 树的根，是操作文档的入口。n o d e 接口代表d o m 树中的节 点。n o d e 接口给出了访问与遍历d o m 的方法。n o d e l i s t 接口提供对任意节点的子节点 集合的访问。n a m e d n o d e m a p 接口提供通过节点名称遍历节点集的方法。利用d o m 提供 的这些接口，可以动态地创建、修改x m l 文档，例如在x m l 文档中添加、修改、删除 一 用c 、程序 一 ， 第1 2 页武汉科技大学硕士学位论文 节点、修改节点属性等。s v g 格式进度图形的动态生成，正式通过这种方式实现的。 2 4j a v a s c r i p t 语言 2 4 1j a v a s c r i p t 概述 j a v a s