《XML网页设计实用教程 教学课件 ppt 作者 蔡体健 廖志芳 汤文亮 莫佳 第八章 XML数据岛》由会员分享，可在线阅读，更多相关《XML网页设计实用教程 教学课件 ppt 作者 蔡体健 廖志芳 汤文亮 莫佳 第八章 XML数据岛（43页珍藏版）》请在金锄头文库上搜索。
1、XML技术基础,主讲：蔡体健,第八章 XML数据岛,引入,HTML提供了丰富的显示页面，但HTML没有将数据的存储和数据的显示分离，不仅使数据难以重用，而且使系统的可扩展性差。 XML文档仅仅保存了数据，没有描述数据的显示方式。 因此理想的方案是把HTML和XML两种技术直接相结合，优势互补，这样就形成了数据岛技术。,本课目标,数据岛介绍 数据岛的引入方式 数据绑定 DSO对象 动态选择XML文档的显示样式 小结与作业,数据岛介绍,XML数据显示技术： CSS XSL 数据岛 XSL技术不是面向数据显示的，它是一种格式转换技术，在显示手段和方式上都不及HTML那样丰富。而且XSL的显示样式方式
2、最终还是利用了HTML模板进行显示，只是中间多了一个转换。因此理想的方案是直接利用HTML的方式来显示XML数据。,数据岛介绍,XML数据岛是指存在于HMTL页面中的XML数据，就是使用标记嵌入XML数据，在HTML文档中形成的一个XML数据岛（Data Island） 数据岛是一种数据显示技术 。 数据岛也是一种数据传递技术。Web服务器与客户机之间的数据传递方式有3种： HTML页面 XML文档 XML数据岛。 XML数据岛可以减少数据库的压力，主要是使查询数据库的用户不再需要频繁地访问服务器端的数据库，而是访问客户端的XML文档，即提高了查询速度，也减轻了服务器端的负担。,数据岛介绍,X
3、ML数据岛可利用客户端脚本实现动态信息交换。 几乎所有能够存在于完整结构的XML文档中的东西都能存在于数据岛中，但不包括XML文档中的设置编码的字符串。 数据岛技术不是W3C 的推荐标准；它是微软的技术，在Internet Explorer5.0版本以上的浏览器中才可使用； 类似于DOM编程，DSO对象类似于XML结构树对象。,返回本课目标,数据岛的引入方式,HTML文档有两种方式引入XML数据岛： 一种是在一个HTML文件中直接嵌入XML文档数据，称为嵌入式。 另外一种形式是把XML文件做成一个独立的文件，在HTML文档中链入该文件中的数据。称为链入式。,数据岛的引入方式 ：嵌入式, 嵌入式
4、数据岛 刘博文 69 学生成绩单 学生姓名: 学生成绩: ,可用ID号来引用XML,没有实现数据和显示分离，不推荐使用,数据岛的引入方式 ：链入式, 刘志林 2007年5月4日上午 , 引入式数据岛例子 ,返回本课目标,数据绑定,数据岛对使用者来讲是不可见的。设计人员需要通过把数据岛的数据绑定到HTML元素中，来格式化数据以及显示数据。 DOM编程要求用户具有一定的脚本程序编写能力，而使用数据绑定，可以不用编写脚本直接在HTML中显示XML文档。 使用数据绑定显示XML的两个步骤： 在HTML文档中引入XML数据岛 绑定XML元素到HTML置标，被绑定的HTML置标可以自动显示XML元素的内容
5、。,数据绑定, 计算机网络教程 谢希仁 人民邮电出版社 , 浏览XML数据 书名： 作者： 出版社： ,8-3.xml,8-4.html,与span元素的innerText属性绑定,数据绑定:可绑定的HTML置标,数据绑定:可绑定的HTML置标,数据绑定：可绑定的HTML置标,使用HTML的置标来绑定XML文档，XML字段被绑定到的href属性，即被绑定的XML字段内容作为超级链接的URL。 例：显示的链接内容 使用绑定XML文档，要求XML文档中字段内容就为图片的URL，并被绑定到的src属性。 例：,数据绑定:DSO对象,XML DSO是一个Microsoft ActiveX控件，嵌入在I
6、E中； DSO对象可从XML中提取数据，并提供访问数据的方法。 注意：要使用DSO，则XML根元素不能具有任何属性； 例： ,DSO对象保存了XML文档的数据，并提供访问数据的方法,数据绑定:DSO对象,DSO对象保存了XML文档的数据 ，它将XML文档看作是数据库文件。 被绑定的XML一般具有三层结构 第一层是根元素，相当于数据表 第二层为根元素的子元素，第二层中每个元素具有结构完全相同的子元素，相当于数据表中的记录 第三层元素相当于字段 DSO 将XML 数据储存成记录集，因此较适用于显示那些具有对称性数据记录集结构的XML 文件。,数据绑定:绑定的方式,绑定的方式按照HTML元素的性质可
7、分为两种： 单值对象：只能显示一条记录的数据 表格对象：可显示所有记录的数据,数据绑定：单值绑定, 学而时习之，不亦乐乎 孔子 天将降大任与斯人也，必先苦其心志 孟子 , 数据岛单值绑定 下面的数据是从XML中提取出来的 ,8-7.xml,8-8.html,始终显示的是第一条格言的内容,数据绑定：表格绑定, 表格对象绑定 格言作者 格言内容 ,8-9.html,能显示所有格言的数据,数据绑定：分页显示,TABLE置标提供分页浏览的方法,TABLE置标的datapagesize属性用于指定一页可以显示 的记录条数,表格ID,数据绑定：分页显示, 分页显示的XML文档内容 格言作者格言内容 第一页
8、 前一页 后一页 最后一页 ,8-10.html,可使用嵌套表格绑定三层以上的XML文档，例如： 操作系统 Red Hat Linux系统管理大全 Thomas Schenk 机械工业出版社 ,8-11.xml,数据绑定：绑定多层XML文档,四层XML文档, 使用嵌套表格显示的XML文档内容 类书籍 书名 作者 出版社 ,在嵌套表格中，必须指定表格绑定到第三层的“书籍”元素,数据绑定：绑定多层XML文档,8-12.html,数据绑定：显示XML属性,元素包含属性有两种情况： 底层元素包含属性 非底层元素包含属性 DSO对象将属性作为元素的一个子元素来处理,非底层元素包含属性，例如： Red H
9、at Linux系统管理大全 Thomas Schenk 机械工业出版社 ,DSO在处理分类元素时，把类别属性看作分类元素的子元素， 因此处理的方法与8-11.xml完全相同,数据绑定：显示XML属性,如果底层元素包含属性，DSO在将属性看作子元素的同时，也将元素内容看作名为“$text”的子元素。例如：, Red Hat Linux系统管理大全 Thomas Schenk 机械工业出版社 , Red Hat Linux系统管理大全 T Thomas Schenk 机械工业出版社 ,数据绑定：显示XML属性, 显示XML元素属性 书名 作者 出版社 emial： ,底层元素包含属性需要采用嵌套
10、表格来显示数据,返回本课目标,数据绑定：显示底层元素包含的属性,DSO对象,DSO对象与DOM结构树对象非常相似，它们都可以提取XML数据，并提供方法、属性来访问XML数据。 它们的区别在于DSO对象较适用于显示那些具有对称性数据记录集结构的XML 文件；而DOM 以阶层式的树状数据结构来储存XML 数据，可以显示任何形式的XML 文件。,DSO对象,DOM结构树的一些方法、属性在DSO对象中大都可以使用，例如， dso.documentElement.nodeName dso.documentElement. childNodes dso.documentElement. appendChi
11、ld dso.documentElement. createElement DSO对象其他重要的方法： dso.xml dso.url,数据能否写入DSO对象？,DSO对象：访问数据岛程序, 访问数据岛对象 function a() alert(dos.xml); function b() alert(dos.url); function add() /alert(dos.documentElement); var root=dos.documentElement root.appendChild(dos.createElement(“student“); var newChild=dos.d
12、ocumentElement.lastChild; newChild.setAttribute(“id“,“new“); var name=dos.createElement(“name“); name.appendChild(dos.createTextNode(“输入的姓名“); newChild.appendChild(name); alert(dos.xml); ,8-17.html,DSO对象：访问数据岛程序,function dele() var obj=dos.documentElement.childNodes; var number=obj.length; for(var i
13、=0;i ,8-17.html续,DSO对象：ADO记录集,DSO把XML数据岛作为ADO记录集（recordset）进行处理，这样做的好处是可以利用ADO提供的各种方法对数据源进行访问 ADO的RecordSet的大部分属性、方法都可用于DSO对象，常用的属性有：absolutePage，absolutePosition，BOF，EOF，cacheSize， maxRecords，pageCount，pageSize，recordCount等； 常用的方法有：addNew，Delete，getRows，move，moveFirst，moveLast ，movePrevious，moveNex
14、t，nextPage，previousPage，firstPage，lastPage等。 但要注意，并不是所有有关ADO的都可以搬来使用，如不能直接执行SQL语句。,DSO对象:XML数据查询程序, Red Hat Linux系统管理大全 Thomas Schenk 机械工业出版社 中文版Windows NT技术支持培训教程 Microsoft Press 人民邮电出版社 ,8-18.xml,DSO对象:XML数据查询程序, 使用脚本查询XML文档 在线图书查询 查询书名包含的文字： 查询 查询结果： seekbook查询脚本程序 ,绑定查询数据源,接收用户查询数据,8-19.html,返回本
15、课目标,Seekbook()函数声明, function seekbook() var str=seekstr.value; xmldata.recordset.moveFirst(); while (!xmldata.recordset.EOF) bookname=xmldata.recordset(“书名“).value; if(bookname.indexOf(str)=0) resultStr+=; xmldata.recordset.moveNext(); if (resultStr=“) result.innerHTML=“未找到满足条件的书籍“; else result.inne
16、rHTML=“+resultStr+“; ,循环查询,输出查询结果,8-19.html续,动态选择XML文档的显示样式,list8-20.xsl 为xml文档设计的列表样式文档,table8-21.xsl 为xml文档设计的表格样式文档,DSO_XSL8-22.html 为XML文档动态指定样式单的HTML文档,8-18.xml,列表样式,表格样式,动态选择XML文档的显示样式, DSO与XSL转换 function load1() var xmlDso = sdb.XMLDocument; var xslDso = Stylesheet1.XMLDocument; divResults.innerHTML = xmlDso.transformNode(xslDso); function load2() var xmlDso = sdb.XMLDocument; var xslDso = Stylesheet2
