《DOM接口技术》PPT课件.ppt

1、XML 程序设计, 刘超慧,目 录,8.1 DOM接口技术 8.2 DOM的结构 8.3 DOM对象 8.4 DOM的使用 8.5 DOM对文档的操作 8.6 DOM应用实例,教学提示,HTML 和XML 都属于层状数据结构的文档，要求以编程方式读取、操作和修改这种文档，这就需要DOM 技术。 DOM 把XML 文档看成是在内存中的结构树，它定义了一组标准指令集，通过程序存取“树上”的HTML 或XML 的内容，然后通过程序中的对象集合将其显示出来。 本章介绍文档对象模型的概念和基本知识，以实例说明客户端和服务器端加载XML 的方法和出错处理，解析XML 的结点接口。,教学目标,理解文档对象模

2、型的概念 熟悉文档对象模型的基本知识 掌握客户端和服务器端加载XML 的方法 学会用DOM 编制ASP 程序。,8.1 DOM是什么?,Document Object Model:文档对象模型 DOM是由W3C组织定义并公布的一个规范 DOM是一个与与平台无关、与语言无关的应用程序接口,DOM的作用,DOM提供了一个统一的XML数据接口； 应用DOM,可以动态创建(XML)文档、遍历文档，添加、修改、删除文档内容； DOM接口规范提供了另一种编写XML代码的方法。,DOM在应用程序开发中所处地位,8.2 DOM的结构,DOM把文档表示为节点（Node）对象树 节点对象表示文档中XML元素，也代

3、表文档内其他所有内容： 根元素,处理指令,注释文档类型,实体,实体引用,命名空间等多种对象模型 DOM用对象把具体的XML文档模型化： 不仅描述文档的结构,还定义对象的行为,DOM表示文档,由DOM创建的节点树是XML文件内容的逻辑表示； DOM树展示了XML文件提供的信息以及它们之间的关系。,XML文件清单： Mobile Game v1.5, ,加载XML文档后的DOM树,8.3 DOM对象,DOM对象模型的作用 用来表示、操作文档的接口。 接口的行为和属性。 接口之间的关系以及互操作。,DOM中定义的对象,Document对象：即文档对象，是对整个文档进行操作的入口。 Element和A

4、ttr对象：这些节点对象都是文档某一部分的映射。 Text对象：是Element或Attr对象的子节点。 集合索引：DOM提供集合索引方式以对节点按指定方式进行遍历。,DOM接口,在DOM接口规范中，有4个基本接口： Document：是对文档进行操作的入口，本节点是DOM树中的根节点。 Node：代表DOM树中的一个节点 。 NodeList：表示有顺序关系的一组节点。 NamedNodeMap：用于属性节点的表示。,Document接口,Document接口提供对文档中的数据进行访问和操作的入口。 Document接口提供了创建其他节点对象的方法。,Document接口同其他接口之间的关系

5、,Node接口,Node：DOM接口中很大部分接口是从Node接口继承来的； Node接口代表了树中的一个节点； Node接口提供了访问DOM树中元素内容与信息的途径。,8.4 DOM的使用,Document对象 通过创建Document对象，应用程序就有对XML文档进行操作的入口。 可以用各种语言创建Document对象： VBScript： Set doc=CreateObject(“Microsoft XMLDOM”) JScript： doc=new ActivexObject(“Microsoft XMLDOM”),加载XML文档,不同的应用程序有不同的DOM实现方法 微软通过MSX

6、ML.DLL扩展了XMLDOM，并将其绑定到IE上。 通过这些COM接口来操纵XML文档,加载语句,在asp脚本语言环境中，按下述方式加载文档： Set xmlDoc=CreateObject(Microsoft.XMLDOM) 创建一个空的 XML 文档对象。 xmlDoc.async=false“ 关闭异步加载，这样确保在文档完全加载之前解析器不会继续脚本的执行。 xmlDoc.load(stock.xml) 告知解析器加载名为 “stock.xml 的 XML 文档。,加载实例, 刘娴 5000 12000 9000 4000 ,加载后的DOM树,8.5 DOM对XML文档的操作,通过D

7、OM对XML文档进行加载、遍历的操作。 还可进行XML文档创建，以及对已存在的文档中元素进行添加、删除、修改等项操作。,创建XML文档,对已加载到内存中存储的DOM树，可通过以下语句实现XML文档创建 以Javascript为例： xmlDoc.save(“XMLFILENAME”),DOM创建XML文档示例,以下ASP代码创建一个名称为sample.xml的文档： 在asp中创建XML文档); doc.save(Server.MapPath(sample.xml);%,ASP代码运行结果,在指定目录下创建如下XML文档： 在asp中创建XML文档,删除元素,对于指定子元素的删除，通过以下VB

8、Script代码实现： dim node set node=doc.selectsingleNode(/nodeName) node.removeChild(node.childNodes(i),删除BOOK子元素示例,主要代码： dim node set node=doc.selectsingleNode(/book) node.removeChild(node.childNodes(0),操作完成后的结果如下： 在asp中创建XML文档,出错处理,出错的处理,是通过解析器进行判断: 调用IXMLDOMParseError接口的ParseError对象,可以获取详细的出错信息.,Con.,转

9、换XML文档,通过DOM，可以动态完成XML文档向其它格式的转换。 转换的基本语句： result=xmldoc.transformNode(xsldoc),转换XML文档示例,此示例对持股信息的XML文档，转换为HTML格式的表单. XML文档清单: 张祥 10000 8000 15000 6000 刘娴 5000 12000 9000 4000 ,所用样式表清单, ,转换所用的ASP代码, ,在Web服务器上运行效果,8.6 DOM应用,以上介绍了DOM对XML文档的操作主要内容,它们主要使用了DOM规范中的四个接口 Document Node NodeList NamedNodeMap

10、通过这些接口可以完成对XML文档的绝大多数常用操作,DOM应用示例,投票系统在每个网站上几乎都可以看到： 本示例用XML文档来存储数据 通过DOM对数据进行操作和显示。,基于DOM的投票系统,投票系统由以下几个部分组成： 用于记录投票选项数据的XML文档； 通过DOM对此文档进行操作： 加载XML文档部分； 为获取或修改数据，需对文档节点遍历； 投票后，修改了数据，需要保存XML文档； 对于投票结果进行统计； 对于投票结果引入图形表示； 投票率及图形显示的控制,记录投票数据的XML文档, 101 190 66 17 ,数据文件加载及节点遍历,对访问者投票处理的ASP代码,Empty then Select case vote case 相当好 a=a+1 listnode.childnodes(0).text=a case 还可以 b=b+1 listnode.childnodes(1).text=b case 很一般 c=c+1 listnode.childnodes(2).text=c case 太烂了 d=d+1 listnode.childnodes(3).text=d End Select objXML.save(Server.MapPath(str) End if%,统计投票总数对各选项统计,0 Then per1=a/Total pe