XML网页设计实用教程 教学课件 作者 蔡体健 廖志芳 汤文亮 莫佳 第八章 XML数据岛.ppt

《XML技术基础》 引入 HTML提供了丰富的显示页面，但HTML没有将数据的存储和数据的显示分离，不仅使数据难以重用，而且使系统的可扩展性差。 XML文档仅仅保存了数据，没有描述数据的显示方式。 因此理想的方案是把HTML和XML两种技术直接相结合，优势互补，这样就形成了数据岛技术。 本课目标 数据岛介绍 数据岛的引入方式 数据绑定 DSO对象 动态选择XML文档的显示样式 小结与作业 数据岛介绍 XML数据显示技术： CSS XSL 数据岛 XSL技术不是面向数据显示的，它是一种格式转换技术，在显示手段和方式上都不及HTML那样丰富。而且XSL的显示样式方式最终还是利用了HTML模板进行显示，只是中间多了一个转换。因此理想的方案是直接利用HTML的方式来显示XML数据。 数据岛介绍 XML数据岛是指存在于HMTL页面中的XML数据，就是使用XML标记嵌入XML数据，在HTML文档中形成的一个XML数据岛（Data Island） 数据岛是一种数据显示技术 。 数据岛也是一种数据传递技术。Web服务器与客户机之间的数据传递方式有3种： HTML页面 XML文档 XML数据岛。 XML数据岛可以减少数据库的压力，主要是使查询数据库的用户不再需要频繁地访问服务器端的数据库，而是访问客户端的XML文档，即提高了查询速度，也减轻了服务器端的负担。 数据岛介绍 XML数据岛可利用客户端脚本实现动态信息交换。 几乎所有能够存在于完整结构的XML文档中的东西都能存在于数据岛中，但不包括XML文档中的设置编码的字符串。 数据岛技术不是W3C 的推荐标准；它是微软的技术，在Internet Explorer5.0版本以上的浏览器中才可使用； 类似于DOM编程，DSO对象类似于XML结构树对象。 数据岛的引入方式 HTML文档有两种方式引入XML数据岛： 一种是在一个HTML文件中直接嵌入XML文档数据，称为嵌入式。 另外一种形式是把XML文件做成一个独立的文件，在HTML文档中链入该文件中的数据。称为链入式。 数据岛的引入方式 ：嵌入式 html headtitle嵌入式数据岛/title/head body xml id=dso 学生名单 学生姓名刘博文/学生姓名 学生成绩69/学生成绩 /学生名单 /xml center h1学生成绩单/h1 form 学生姓名:input type=text datasrc=#dso datafld=学生姓名 size=20br 学生成绩:input type=text datasrc=#dso datafld=学生成绩 size=20 /form /center /body /html 数据岛的引入方式 ：链入式 数据绑定 数据岛对使用者来讲是不可见的。设计人员需要通过把数据岛的数据绑定到HTML元素中，来格式化数据以及显示数据。 DOM编程要求用户具有一定的脚本程序编写能力，而使用数据绑定，可以不用编写脚本直接在HTML中显示XML文档。 使用数据绑定显示XML的两个步骤： 在HTML文档中引入XML数据岛 xml id=“xmldata” src=“test5-1.xml”/ 绑定XML元素到HTML置标，被绑定的HTML置标可以自动显示XML元素的内容。 数据绑定 数据绑定:可绑定的HTML置标 数据绑定:可绑定的HTML置标 数据绑定：可绑定的HTML置标 使用HTML的a置标来绑定XML文档，XML字段被绑定到a的href属性，即被绑定的XML字段内容作为超级链接的URL。 例：a datasrc=“#xmldata” datafld=“url1”显示的链接内容/a 使用img绑定XML文档，要求XML文档中字段内容就为图片的URL，并被绑定到img的src属性。 例：img datasrc=#xmldata datafld=url1“/ 数据绑定:DSO对象 XML DSO是一个Microsoft ActiveX控件，嵌入在IE中； DSO对象可从XML中提取数据，并提供访问数据的方法。 注意：要使用DSO，则XML根元素不能具有任何属性； 例： span datasrc=“#xmldata” datafld=“书名”/ 数据绑定:DSO对象 DSO对象保存了XML文档的数据 ，它将XML文档看作是数据库文件。 被绑定的XML一般具有三层结构 第一层是根元素，相当于数据表 第二层为根元素的子元素，第二层中每个元素具有结构完全相同