免费预览已结束,剩余65页可下载查看
下载本文档
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
通用机构组件本 科 毕 业 论 文 题目:通用机构组件开发The Development of Organization Component姓 名: 学 号:学院:软件学院系:软件工程专 业:软件工程年 级:指导教师: 年 月摘 要办公自动化系统(OA)已经成为现代企业和政府部门实现高效管理与运行的有力工具,它利用技术的手段提高办公的效率,进而实现办公的自动化处理。采用Internet/Intranet技术,基于工作流的概念,使企业内部人员方便快捷地共享信息,高效地协同工作;改变过去复杂、低效的手工办公方式,实现迅速、全方位的信息采集、信息处理,为企业的管理和决策提供科学的依据。OA软件解决企业的日常管理规范化、增加企业的可控性、提高企业运转的效率的基本问题,范围涉及日常行政管理、各种事项的审批、办公资源的管理、多人多部门的协同办公、以及各种信息的沟通与传递。在OA软件中,有多种组件需要重复使用,典型的包括组织机构树组件,人员树组件等,他们是构建一个功强大的OA软件不可或缺的一部分,设计好这些常用组件将可以为用户提供更加人性化和便捷的服务,本人在.NET技术环境下,运用了ASP.NET, JavaScript,CSS,Ajax等相关热门技术,构建了多个通用机构组件,包括组织机构树组件,人员树组件,人员选取文本框组件,他们相比传统的企业OA组件,在性能和用户体验上有了较大的改进。 ASP.NET使用.NET Framework构建,运行于实时环境中,提供了一个类似于JAVA的虚拟机。通过使用已经开发好的数目众多的类库,可以大大加快开发的时间。它是统一的 Web 开发平台,用来提供开发人员生成企业级 Web 应用程序所需的服务。 本文主要阐述了通用机构组件的总体设计,并对通用机构组件开发思想和使用方法进行介绍及对ASP.NET等相关技术进行分析,在最后还将对在开发过程中遇到的几个难点进行分析。关键词:办公自动化系统;通用机构组件;ASP.NETAbstractOffice Automation System has already become a powerful tool for modern enterprises and the government sectors to realize efficient management and operation. It utilizes technology to improve office efficiency and realize office automation. The use of the concept of workflow on which the Intranet technology bases makes internal staff to share information easily and work together quickly and efficiently ,which changes the complex, inefficient manual ways in the past and make it possible to collect and deal with information rapidly and comprehensively. It can provide enterprises a scientific basis for management and decision-making. OA software makes the day-to-day management of enterprises standardized and solves the basic issues about enhancing the controllability and improving the efficiency of enterprises. It includes daily administration management, the examination and approval of various matters, office resource management, collaboration working and communication and transmission of information.There are a variety of components need to be used repeatedly in OA software, generally includes organization tree components, personnel and other tree components which are indispensable parts to build a powerful OA software. To design these commonly used components well will be able to provide users with more user-friendly and convenient service. Under .NET technology environment, I would use ASP.NET, JavaScript, CSS, Ajax and other related popular technology to build several versatile components which include the organization tree component, staff tree component, selecting text box component. Compared to traditional OA components, it improves quite a bit in the performance and the experience of users. ASP.NET is built up by using . NET Framework, runs in real-time environment and provides a virtual machine which is similar to JAVA. Through making use of a large number of class libraries which have already been developed, you can save much time to develop the software. It is a unified Web development platform which is used to provide necessary services for developers to create enterprise-level application programs. In this paper, I will mainly explain the overall design of the general body components and introduce the thinking in software development and its method of application. Besides, I will also analyse the related technologies such as ASP.NET. At the end, several difficulties I have encountered in the process of development will be mentioned.Key words: office automation systems; general body components; ASP.NET目 录第1章 绪 论91.1引言91.2 研究背景和意义91.2.1 名词定义91.2.2 背景91.2.3 意义121.3 主要工作内容121.3.1 系统目标121.3.2 本人主要工作131.4 论文结构13第2章 系统相关技术介绍142.1.Net的三层架构142.2 JavaScript技术介绍162.2.1 JavaScript简介和特点162.2.2 JavaScript的事件处理机制182.2.3 JavaScript对DOM的操作192.3 Ajax技术介绍202.3.1 主要包含以下几种技术202.3.2 Ajax处理过程212.3.3 Ajax的优点212.4 Venkman调试环境介绍232.4.1安装方法232.4.2 使用方法232.5本章小结24第3章 系统总体架构设计253.1 项目应用架构253.1.1系统各层次职责253.2 项目主目录结构273.3 核心子项目Core的位置273.4 通用机构组件的功能及与总体框架的关系283.4.1 各个通用机构组件的功能283.4.2 通用机构组件与总体架构的关系293.5 组件的业务流程设计303.6 Ajax动态绑定数据源313.7 主要规范323.7.1 模块元素及命名规范323.7.2 异常处理规范323.7.3 Entity,DAL,BLL层使用规范333.8 数据库设计规范343.9 系统环境343.9.1 开发环境343.9.2 测试环境353.9.3 运行环境353.10 本章小结35第4章 系统详细设计364.1 数据库设计364.2 组件的界面设计374.3 组件内部实现404.3.1 机构树组件404.3.2 人员树组件464.3.3 人员选取文本框组件504.4本章小结53第5章 技术难点及其实现545.1 机构树组件技术难点545.2人员树组件技术难点555.3人员选取框组件技术难点555.4本章小结56第6章 系统测试及运行结果576.1 功能测试576.1.1 机构树功能测试576.1.2 人员树功能测试576.1.3 人员选取框功能测试576.2 性能测试586.2.1 树组件性能测试586.2.2 人员选取框组件性能测试586.3 机构树组件596.3.1 选择特定帐号人群登录596.3.2 机构树组件界面596.4 人员树组件606.4.1 选择特定帐号人群登录606.4.2 弹出人员树组件606.4.3 用户展开节点616.4.4 显示所有学院616.4.5 选取人员信息到文本框626.5 人员选取框组件626.5.1 文本框中输入人员名字关键字626.5.2 文本框中输入人员编号636.5.3 将人员信息选取到文本框中636.5.4 多次选取人员信息646.6 本章小结64第7章 结束语657.1 总结657.2 展望65致谢语66参考文献67ContentsChapter 1 Exordium91.1 Introduction91.2 The Background Of Study And Significance91.2.1 The Definition Of Noun91.2.2 Background91.2.3 Significance121.3 The Main Content Of Work121.3.1 The Objective Of System121.3.2 The Main Work131.4 The Structure Of Thesis13Chapter 2 The Introduction Of The Technique Used By System142.1.The Three Layer Frame Of MVC Of .NET142.2 The Introduction Of JavaScript162.2.1 The Synopsis And Characteristic Of JavaScript162.2.2 The Mechanism Of Event Processing Of JavaScript192.2.3 How to Handle The DOM192.3 The Introduction Of Ajax202.3.1 The Main Technique Containted in Ajax202.3.2 The Process Of Handling212.3.3 The Advantage Of Ajax212.4 The Introduction Of Venkman232.4.1 The Measure Of Setup232.4.2 The Measure Of Use232.5 Conclusion Of Chapter 224Chapter 3 The Whole Design Of System253.1 The Frame Of System253.1.1 The Responsibility Of Each Layer253.2 The Configuration Of Main Catalogue Of System273.3 The Location Of Core273.4 The Connection between Function And Frame283.4.1 The Function Of Each Component283.4.2 The Connection Between Frame And Component293.5 The Design Of Work Flow Of Component303.6 Binding DateSource Dynamicly Of Ajax313.7 Main Specification323.7.1 The Element Of Module And Specification Of Naming323.7.2 The Specification Of Exception Handing323.7.3 The Specification Of User Of Entity,DAL,BLL333.8 The Specification Of Design Of DateBase343.9 The Environment Of System343.9.1 The Environment Of Development343.9.2 The Environment Of Test353.9.3 The Environment Of Runing353.10 Conclusion Of Chapter 335Chapter 4 The Particular Design Of System364.1 The Design Of DateBase364.2 The Design Of UI Of Component374.3 The Implement Of Component404.3.1 Organization Tree Component404.3.2 User Tree Component464.3.3 User TextBox Component504.4 Conclusion Of Chapter 453Chapter 5 The Difficulty Of Development And Implement545.1 The Difficulty Of Organization Tree Component545.2 The Difficulty Of User Tree Component555.3 The Difficulty Of User TextBox Component555.4 Conclusion Of Chapter 556Chapter 6 The Impact Of Runing576.1 Functional Testing576.1.1 The Functional Testing Of Organization Tree Component576.1.2 The Functional Testing Of User Tree Component576.1.3 The Functional Testing Of User TextBox Component576.2 Performance Testing586.2.1 The Performance Testing Of Tree Component586.2.2 The Performance Testing Of User TextBox Component586.3 Organization Tree Component596.3.1 Login By Special User596.3.2 The UI Of Organization Tree Component596.4 User Tree Component606.4.1 Login By Special User606.4.2 Pop-uping The Componen606.4.3 Apending The Node By User616.4.4 Showing All College616.4.5 Fiiling the Textbox With Informance Of User626.5 User TextBox Component626.5.1 Typing The UserName Key Into Textbox626.5.2 Typing The UserID Key Into Textbox636.5.3 Fiiling the Textbox With Informance Of User636.5.4 Select Multiple Informance Of User646.6 Conclusion Of Chapter 664Chapter 7 Tag657.1 Summary657.2 Outlook65Acknowledgement66References67第1章 绪 论1.1引言 办公自动化系统OA日益成为企业和政府部门实现高效运转不可或缺的工具,为了实现OA的快速开发,构建和优化多种OA系统中常用到的组件,提高了开发OA系统的效率,增强OA用户的系统体验。 .NET技术环境下的通用机构组件的开发,采用B/S架构,包括ASP.NET,JavaScript,Ajax等相关技术的结合运用,在总体设计上更注重组件的性能效率和用户的人性化体验。ASP.NET通过使用已经开发好的数目众多的类库,可以大大加快开发的时间。它是统一的 Web 开发平台,用来提供开发人员生成企业级 Web 应用程序所需的服务。 1.2 研究背景和意义1.2.1 名词定义OA: OFFICEAUTOMATION的缩写。本意为利用技术的手段提高办公的效率,进而实现办公的自动化处理。办公自动化系统是由计算机、通信网络和自动化办公设备以及相应的软件所组成的人机信息处理系统。具有办公信息采集、加工、传输和存储等功能,对文字、数据、语音、图形、图像等信息能进行综合处理1。B/S架构:即浏览器和服务器结构。在这种结构下,用户工作界面是通过WWW浏览器来实现,极少部分事务逻辑在前端(Browser)实现,但是主要事务逻辑在服务器端(Server)实现,形成所谓三层3-tier结构。1.2.2 背景作为网络办公的软件产品,OA软件被誉为是继单机办公应用软件OFFICE之后新一轮的办公革命,成为软件产业一个新的亮点。行政许可法、电子签章法的颁布,更是对国内OA市场起到了巨大的促进作用。 据不完全统计,2006年,国内OA市场整体规模已经达到近6亿元,成为仅次于ERP市场之外的需求量最大的软件产品。而未来3年,OA软件市场将以19%的年复合增长率发展,到2009年市场总额预计将达到15亿元左右,是国内增长速度最快的软件产品之一。 我国OA发展历程可分四个阶段:文件型OA(1980年-1999年);第二阶段:流程性OA(2000年-2005年);第三阶段:知识型OA(2005年-2008年);第四阶段:智能型OA(2008年)。 随着OA应用内容的不断扩展,OA技术也在不断发展,到目前基本形成了三大主流技 术:1.微软的.net+关系型数据库(RDB)技术,以其功能强大、易用的OFFICE套件占领了桌面应用,比较典型的有银华ExOA、领航OA等系 统;2.IBM Lotus Domino技术,以电子邮件、协同、非结构文档处理、安全机制见长,成为OA的重要标准应用与开发平台,典型的代表产品有用友、合强、金蝶等软件公司的 OA产品;3.SUN的JAVARDB技术,JAVA(J2EE标准)以其开放性、与平台无关。办公自动化的作用和意义现代办公自动化系统已经不仅仅局限于减轻办公人员的工作量,而是要从繁琐的事务中解放出来,用更多的精力去关注最重要的工作,从而提高工作效率,增强其综合业务能力。办公自动化是一项具有重大意义的系统工程,它带来的效益主要表现在以下几点:适应信息社会的需要。使办公人员节省大量的工作时间,提高工作效率和工作质量,减少办公费用。提高快速响应能力。如核对数据、查阅资料、统计报表等,可利用计算机的快速处理能力,在短时间内获取需要的信息。提高决策的准确性和科学性。由于计算机处理信息准确、及时、可靠,大大减少了手工工作产生的错误和遗漏,为决策提供可靠的科学数据依据。节省能源和交通工具,充分利用人力资源,节约办公费用。办公自动化可以促进办公制度和管理制度的改革,促进管理现代化的实现2。办公自动化的发展方向办公自动化的发展方向应该是数字化办公。所谓数字化办公即几乎所有的办公业务都在网络环境下实现。从技术发展角度来看,特别是互连网技术的发展,安全技术的发展和软件理论的发展,实现数字化办公是可能的。从管理体制和工作习惯的角度来看,全面的数字化办公还有一段距离,首先数字化办公必然冲击现有的管理体制,使现有管理体制发生变革,而管理体制的变革意味着权利和利益的重新分配;另外管理人员原有的工作习惯、工作方式和法律体系有很强的惯性,短时间内改变尚需时日。尽管如此,全面实现数字化办公是办公自动化发展的必然趋势。办公自动化的发展策略根据我国办公自动化建设的现状和存在的问题,使我国办公自动化建设走上健康快速发展的轨道,在办公自动化建设方面应采取如下对策:在组织实施方面,从传统的工业项目管理体制转向专业化和产品化实施体制,确保系统的运行维护和系统持续的升级,走合作与分工并举的道路。由此可造就一批以办公自动化为业务核心的、规模较大的专业软件公司。在技术选向方面,选择与世界发展潮流吻合的技术。现在还在流行的技术并不能代表未来一定能够流行。技术的标准化程度要高,开放程度要好。关键应用主张自主开发,发展民族产业。在技术结构方面,尽快从Client/Server结构体系转Browser/Server结构体系,采用B/S思路,最终用户界面统一为浏览器,应用系统全部在服务器端,是标准的三层结构体系。系统负载轻,开放性好,系统维护升级方便。系统设计方法:考虑到我国办公自动化的现状,采用生命周期法和快速原型法相结合,在已有产品的基础上,以快速原型法为主。在实施方面遵随统一规范和分布实施的原则。在设计思想方面,从传统的面向业务的设计转向面向用户的设计,即将设计的着眼点放在用户对象身上,设计视角范围是整个内部网,在此基础之上进行相关业务设计。将面向对象的思想引入到系统设计中去。在实现方法方面,从传统的结构化设计转向采用复杂适用系统(CAS)理论进行实现,即从一般的业务需求中抽象出关键的复杂适应系统,该系统能够适应环境变化,系统使用越久,积累的有价值的东西就越多3。1.2.3 意义本人开发的这些通用机构组件是为了将OA系统中常用的部分分离出来,成为相对独立和可复用的部分,满足现代软件模块化的发展趋势,提高OA系统的开发效率,为OA使用者提供更加便利和人性化的操作,同时还可以运用于企业和事业机构内部管理系统的开发。1.3 主要工作内容1.3.1 系统目标 整体软件目标1实现灵活方便的调用机制2强大易用的数据处理3高效的数据绑定4人性化的组件界面5 与各种编程框架的高兼容性6 较好的组件通用性 组件设计目标1.机构树组件 (1) 快速动态绑定数据 (2) 方便的选取操作 (3) 节点展开实现无刷新的异步调用2.人员树组件 (1) 快速动态绑定数据 (2) 方便的选取操作 (3) 节点展开实现无刷新的异步调用3.人员选取文本框 (1) 快速的数据搜索 (2) 方便的选取操作 (3) 可多次选取人员信息 1.3.2 本人主要工作本人在本次实习过程中,独立开发了这三套通用机构组件,另外完成了这三套机构组件与实际OA系统的整合工作。 1.4 论文结构本论文主要分为7章,其中:在第1章,主要是对论文做个整体介绍,对论文背景及实际意义进行分析。在第2章,本文将对本系统用到的一些相关技术进行简单的介绍,并结合系统进行分析,依次介绍到.Net的三层架构框架,JavaScript技术,Ajax技术,Venkman调试环境等。在第3章,将介绍组件的总体框架设计,组件要实现的业务流程,及相关规范等。在第4章中,主要介绍每个通用机构组件的具体设计与实现。在第5章中,主要介绍组件开发过程中一些技术难点和解决方案。在第6章中,主要介绍了各个组件的测试工作和展示相关功能的运行结果。在第7章中,将对本文进行总结和展望,并阐述我在整个毕业设计开发过程中的心得体会和收获。第2章 系统相关技术介绍2.1.Net的三层架构本组件在绑定数据时采用.Net的三层架构,分别为数据访问层(DAL),业务逻辑层(BLL),表示层(USL),各层各司其职,组成一个结构清晰,耦合度低,高拓展性的框架。 所谓的三层架构就是将整个业务应用划分为表示层业务逻辑层数据访问层数据库等, 有的还要细一些, 明确地将客户端的表示层、业务逻辑访问和数据访问及数据库访问划分出来, 十分有利于系统的开发、维护、部署和扩展。软件要分层, 总结一句话, 是为了实现“ 高内聚、低耦合”。采用“ 分而治之”的思想, 把问题划分开来各个解决, 易于控制, 易于延展,易于分配资源4。各层的作用 (1)数据数据访问层:主要是对原始数据(数据库或者文本文件等存放数据的形式)的操作层,而不是指原始数据,也就是说,是对数据的操作,而不是数据库,具体为业务逻辑层或表示层提供数据服务。(2)业务逻辑层:主要是针对具体的问题的操作,也可以理解成对数据层的操作,对数据业务逻辑处理,如果说数据层是积木,那逻辑层就是对这些积木的搭建。(3)表示层:主要表示WEB方式,也可以表示成WINFORM方式,WEB方式也可以表现成:aspx, 如果逻辑层相当强大和完善,无论表现层如何定义和更改,逻辑层都能完善地提供服务。三层架构的优点 三层架构具有良好的灵活性和可共享性。由于在这种结构中,表示层应用程序不能直接访问数据库,而由业务逻辑层控制哪些数据被改变和被访问,并且由数据访问层进行具体的数据库操作,因此具有较好的安全性;同时,它增强了代码的可重用性,并且它是真正意义上的“瘦客户端”,具备很高的稳定性、扩展性和执行效率,并且三层B/S 模式可将服务集中在一起管理,统一服务于客户端,从而具备良好的容错能力和负载均衡能力5。图2-1: 三层架构分布图2-2: 三层架构数据访问层(DAL)辅助类SqlHelper介绍SqlHelper封装了ADO.NET对数据库的各种操作,包括增加,删除,修改操作,以及完整多样的查询方法,对于每个DML以及DDL操作,都采用了ADO.Net自带的事务处理类SqlTransaction完成事务处理机制。 在SqlHelper类中,有多个相同操作的重载方法,为DAL层的不同需求提供完整的辅助方案,DAL层只需根据传进来的不同参数选择合适的重载方法就可完成对数据库的操作,例如对于 Query方法,有两个重载方法,Query(string SQLString)和Query(string SQLString, params SqlParameter cmdParms),它们的返回值均为DataSet,作用均为通过查询字符串来获取指定的数据集,但后者提供了动态参数的功能,允许用户动态指定查询字符串的各项参数。 另外,在SqlHelper类中还提供了类型转化的方法,可以将各种对象转换为指定的数据类型。2.2 JavaScript技术介绍2.2.1 JavaScript简介和特点 JavaScript是一种描述性的脚本语言(Script Language) ,它可以非常自由地被嵌入到HTML的文件之中, 使用JavaScript 就是对网页浏览者当前所触发的事件进行处理或对网页进行初始化工作。透过JavaScript可以做到回应使用者的需求事件(如: form 的输入) 而不用任何的网路来回传输资料, 所以当一位使用者输入一项资料时, 它不用经过传给服务器(server) 处理, 再传回来的过程, 而直接可以被客户端(client) 的应用程序所处理。就好像一个可执行程序在你的客户端上执行一样6。 JavaScript有两种形式,即客户端JavaScript和服务器端JavaScript。标准化的客户端JavaScript可被用于HTML页面中,服务器端的JavaScript是被WEB服务器用来访问文件系统,与其应用程序的通信,访问数据库和执行其他任务。 客户端的JavaScript就是指把JavaScript解释器嵌入到Web浏览器中,这是迄今为止最为普通的JavaScript变体,客户端的JavaScript把JavaScript解释器的脚本化能力与web浏览器定义的文档对象模型(Document Object Model,DOM)结合在一起,因为这两种技术是以相互作用的方式结合在一起,所以这两种技术结合的结果大于两部分能力之和,即客户端的JavaScript使得可执行的内容分散在网络中的各个地方,它是新一代动态文档(DHTML)的核心。 JavaScript具有以下几个主要特点(1)是一种脚本编写语言JavaScript是一种脚本语言,它采用小程序段的方式实现编程。像其它脚本语言一样,JavaScript同样已是一种解释性语言,它提供了一个易的开发过程。 它的基本结构形式与C、C+、VB、Delphi十分类似。但它不像这些语言一样,需要先编译,而是在程序运行过程中被逐行地解释。它与HTML标识结合在一起,从而方便用户的使用操作。 (2)基于对象的语言。JavaScript是一种基于对象的语言,同时以可以看作一种面向对象的。这意味着它能运用自己已经创建的对象。因此,许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。 (3)简单性 JavaScript的简单性主要体现在:首先它是一种基于Java基本语句和控制流之上的简单而紧凑的设计, 从而对于学习Java是一种非常好的过渡。其次它的变量类型是采用弱类型,并未使用严格的数据类型。 (4)安全性JavaScript是一种安全性语言,它不允许访问本地的硬盘,并不能将数据存入到服务器上,不允许对网络文档进行修改和删除,只能通过浏览器实现信息浏览或动态交互。从而有效地防止数据的丢失。 (5)动态性的JavaScript是动态的,它可以直接对用户或客户输入做出响应,无须经过Web服务程序。它对用户的反映响应,是采用以事件驱动的方式进行的。所谓事件驱动,就是指在主页(Home Page)中执行了某种操作所产生的动作,就称为“事件”(Event)。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后,可能会引起相应的事件响应。 (6) 跨平台性JavaScript是依赖于浏览器本身,与操作环境无关,只要能运行浏览器的计算机,并支持JavaScript的浏览器就可正确执行。从而实现了“编写一次,走遍天下”的梦想。 实际上JavaScript最杰出之处在于可以用很小的程序做大量的事。无须有高性能的电脑,软件仅需一个字处理软件及一浏览器,无须WEB服务器通道,通过自己的电脑即可完成所有的事情。 2.2.2 JavaScript的事件处理机制 JavaScript和HTML之间的交付时通过用户和浏览器操作页面时引发的事件来处理的。事件说明用户与web页面交互时产生的事件。例如,用户单击超级链接或按钮时,或输入窗体数据时,即产生一个事件,告诉浏览器发生了操作,需要进行处理。浏览器等待事件发生,进行交互的事件处理工作,响应相应的事件处理工作,相应某个事件而进行的处理过程称为事件处理,进行这种处理的代码称为时间处理器。事件首次出现时,它的作用是将一些服务器功能转移到客户端完成,而这样做速度会非常慢,每次返回服务器都可能花费几分钟下载时间。JavaScript就是为了解决这个问题而设计的,通过将一些功能在客户端实现来节省返回服务器时间7。 2.2.3 JavaScript对DOM的操作DOM简介 DOM即为HTML的文档对象模型(Document Object Model),它表示文档和访问,操作构成文档的各种元素的应用程序接口(API)。它给予开发者空前的对HTML的访问能力,并使开发者能将HTML作为XML文档来处理和查看。DOM将HTML视为树状结构的元素,所有元素以及它们的文字和属性可以通过DOM树来操作与访问。 DOM标准是传统Web浏览器DOM的所有特性的超集。它以树形结构表示HTML文档,定义了遍历这个树和检查,修改树的节点的方法和属性。该标准的其他部分为文档的各个节点定义了事件处理程序,使用文档的样式表和操作文档邻接范围的方法。 JavaScript操作DOM JavaScript包含多个操作DOM的方法,这些方法可以实现动态地获取、新建、控制HTML。 这些方法按功能划分可以分为以下几类 (1)访问相关的节点 例如var oHtml = document.documentElement; var oHead = oHtml.firstChild; 以上代码实现取得HTML中元素 (2) 处理特性 Element节点的attributes属性是NameNodeMap,它提供一些用于访问和处理其内容的方法:getNamedItem(name)返回nodename属性值等于name的节点;removeNamedItem(name)删除nodename属性值等于name的节点;setNamedItem(node)将node添加到列表中,按其nodeName属性进行索引;item(pos)像NodeList一样,返回在位置pos的节点; (3) 访问指定节点,包括getElementById(id)、getElementByName(name)、getElementsByTagName(tagname)等方法。 (4)创建新节点 最常用到的几个方法是createDocumentFragment()创建文档碎片节点createElement(tagname)创建标签名为tagname的元素createTextNode(text)创建包含文本text的文本节点 2.3 Ajax技术介绍Ajax全称是Asynchronous JavaScript And XML(异步JavaScript和XML)。它是结合了Java技术,XML以及JavaScript等编程技术,可以让开发人员构建基于Java技术的Web应用,并打破了使用页面重载的惯例。它并不是一项新的技术,而是很多成熟技术的集合。 2.3.1 主要包含了以下几种技术Ajax(Asynchronous JavaScript + XML)的定义 基于web标准(standards-based presentation)XHTML+CSS的表示; 使用 DOM(Document Object Model)进行动态显示及交互; 使用 XML 和 XSLT 进行数据交换及相关操作; 使用 XMLHttpRequest 进行异步数据查询、检索; 使用 JavaScript 将所有的东西绑定在一起。其中使用XHMT和CSS标准化呈现,使用DOM动态显示和交互,使用XML和XSTL进行数据交换与处理,使用XMLHttpReques对象进行异步数据读取,使用JavaScript绑定和处理所有数据。异步这个词是指AJAX应用软件与主机服务进行联系的方式。如果使用旧模式,每当用户执行某种操作,向服务器请求获得新数据,Web浏览器就会更新当前窗口。如果使用Ajax的异步模式,浏览器就不必等用户请求操作,也不必更新整个窗口就可以显示新获取的数据。只要来回传送采用XML格式的数据,在浏览器里面运行的JavaScript代码就可以与服务器进行联系。JavaScript代码还可以把样式表加到检索到的数据上,然后再现有网页的某个部分加以显示。这样,Web页面不用打断交互流程进行重新加裁,就可以动态地更新。使用Ajax,你可以创建接近本地桌面应用的,直接的、高可用的、更动态的Web用户接口界面。2.3.2 Ajax处理过程 一个Ajax交互从一个称为XMLHttpRequest的JavaScript对象开始。如同名字所暗示的,它允许一个客户端脚本来执行 HTTP请求,并且将会解析一个XML格式的服务器响应。Ajax处理过程中的第一步是创建一个XMLHttpRequest实例。使用HTTP方法 (GET或POST)来处理请求,并将目标URL设置到XMLHttpRequest对象上。 当你发送HTTP请求,你不希望浏览器挂起并等待服务器的响应,取而代之的是,你希望通过页面继续响应用户的界面交互,并在服务器响应真正到达后处理它们。要完成它,你可以向XMLHttpRequest注册一个回调函数,并异步地派发 XMLHttpRequest请求。控制权马上就被返回到浏览器,当服务器响应到达时,回调函数将会被调用。 http协议其实是一问一答的协议,你提一个请求,webserver给你一个网页,但是这个网页其实又分成两部分,一部分是内容,另一部分是格式或者其他东西。过去,网页设计的时候分不分这两类,看你自己的习惯,但在AJAX模式下必须分,而且内容必须以xmlhttp的形式,用javascript去取。这样内容的提取和格式的提取就分离了,网络的带宽也就节省了7。 2.3.3 Ajax的优点与传统的Web 应用不同, Ajax采用异步交互方式。Ajax在用户与服务器之间引入一个中间层Ajax引擎, 从而消除了网络交互过程中的请求等待请求等待缺点。Ajax引用JavaScript语言编写, 通常藏在一个隐藏的框架中, 它负责编译用户界面及与服务器交互。Ajax引擎使客户端与服务器端响应异步化并不是所有的用户请求都提交给服务器, 一些数据验证和处理由Ajax自己来做而不必要提交给服务器处理, 只有确定要从服务器读取新数据时再由Ajax引擎代为向服务器提交请求。这样可以把以前一些服务器负担的工作交给客户端, 利用客户端闲置的能力来处理, 从而减轻服务器和网络带宽的负担。使用Ajax引擎后, 用户感觉上几乎所有的操作都会很快响应没有页面重载的等待, 从而提高了用户体验8。 使用Ajax,可以为ISP,开发人员,终端用户带来可见的便捷:(1)减轻服务器的负担。Ajax的原则是“按需取数据”,可以最大程度地减少冗余请求,和响应对服务器造成的负担。使Document Object Model 进行动态显示和交互。(2)无刷新更新页面,减少用户心理和实际的等待时间。特别是,当要读取大量的数据的时候,不用像Reload那样出现白屏的情况
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2026年县直事业单位招聘公共基础知识真题200道及参考答案【满分必刷】
- 中国农业科学院北京畜牧兽医研究所动物生物安全与公共卫生防控科技创新团队招聘2人备考题库附答案
- 2026年房地产经纪协理之房地产经纪操作实务考试题库附完整答案(全优)
- 2025上海宋庆龄幼儿园工作人员招聘2人备考题库附答案解析
- 2025广东汕头市潮阳区卫健系统招聘医学类专业技术人员笔试备考题库附答案解析
- 2025北京大学光华管理学院招聘劳动合同制工作人员1人历年真题库带答案解析
- 中共南部县委组织部关于2025年南部县党政机关公开考调工作人员(16人)笔试备考试卷附答案解析
- 2025中山市科学技术协会所属事业单位招聘事业单位人员1人历年真题库带答案解析
- 疫情防控安全公开课课件
- 2026中国牧工商集团有限公司校园招聘8人参考题库带答案解析
- 缺血性脑血管护理查房讲课件
- 期末常考易错培优卷-六年级下学期英语陕旅版(三起)(含答案解析)
- 校园维修人员管理制度
- 炸鸡店的竞争优势
- 房地产返现协议书
- GB/T 15237-2025术语工作及术语科学词汇
- 2025年中考语文作文提分秘籍9:中考记叙文12个高分结构模板抢分攻略
- 医院污水处理站服务外包项目投标方案(技术方案)
- 2025年城市轨道交通服务员技能竞赛考试题库500题(含答案)
- 大学生科技竞赛介绍
- 食品物流成本控制与优化策略-深度研究
评论
0/150
提交评论