使用DSO显示XML文档.ppt

第6章 使用DSO显示XML文档,知识点的回顾,格式良好的XML文档 有效的XML文档 DTD文档 Schema文档 CSS层叠样式表 XSL文档,本节主要知识点,前序,从数据库这个属于的本质来看，XML文档就是数据库，它是数据的集合；从XML的结构来看，XML文档是层状数据库系统，在某一层的局部看来，相当于关系型数据库，即二维表；因此，XML文件可以作为网页中数据的来源，层状的系统结构，适合信息的层次分类。在J2EE和.NET两大体系结构中广泛采用XML文件作为应用系统各项参数的配置文件。 XML文档所包含的信息可以被提取，并且在HTML页面中予以显示，DSO是XML信息显示的重要机制。,DSO基本概念,在HTML文档中可以通过使用XML标签的形式嵌入XML数据（从IE5开始引入的一项技术），将XML文档与HTML文档绑定，当IE打开这种与XML文档绑定的HTML文档时，其内置的XML处理器会读取并分析所绑定的XML文档，同时创建一个可程序化的数据源对象DSO(Data Source Object)，负责存储和访问XML文档的数据。DSO将XML数据存储成Recordset（记录集）的形式，从而形成一个嵌入在HTML文档中的数据岛。 使用DSO，借助HTML网页来显示XML文档内容，既能保持XML文档数据与其显示格式分离的特点，又具备HTML网页的丰富显示格式 。,举例：在HTML文档中使用XML标签的形式嵌入XML数据,例题演示见：Example1.xml和Example1.html,DSO的主要缺陷,1、 DSO技术只能对那些以对称形式构建的XML文档才会有效，就像典型的数据库一样，这种对称结构的XML文档元素可以被解释成一组记录与字段集合。在最常见的情况下，这种文档的根元素包含了一连串相同形式的下层元素，每一个相同形式的下层元素相当于一条数据记录；而每一条这样的数据记录拥有一组相同的子元素，每个子元素相当于一个字段，且都包含字符数据。 2、要使用 DSO，则根 XML 元素必须不能具有任何属性。,DSO的分类,有两种不同形式的数据岛 1内部数据岛 内部数据岛是将XML文档的全部内容放在HTML文档中特定的XML元素的起始标记与结束标记之间，并在XML起始标记中给出这个数据岛的ID标识。 2外部数据岛（常用） 外部数据岛是在名为XML的HTML元素中仅包含所需绑定的XML文档的URL及其ID标识。,内部数据岛,外部数据岛,图示,DSO技术显示XML文档两个主要步骤：,（1）把要显示的XML文档绑定到一个HTML文档中 。通过在HTML文档中添加一个名为XML的特定元素来实现。 上例中，位于HTML文档中的一行代码， 添加一个名为“XMLData”的XML特定元素到HTML文档中，来实现将Example1.xml文档绑定到Example1.html文档中，相当于在内存中生成一个数据库 id“XMLData” 这个id是可以自定义的 。 绑定代码位置任意，一般放在标签之后。,（2） XML元素绑定到HTML元素,第一种方法是将全部XML元素绑定到HTML文档的TABLE元素 ，使得HTML网页中的表格能够自动显示XML文档的记录集合。此时应在标记中添加DATASRC属性，并将一个自定义的数据源对象名称（数据岛标识符）作为其属性值。,如：上例中，位于HTML文档中的一行代码， 表格能够显示XML的所有元素，自身隐含循环，有多少条记录，就有多少行的表格。,两个标签： datasrc=“#stuData” datafld=“ title ” 一个是datasrc，它表明该table使用哪个数据源，后面是“# XMLData ”，这个#是一个标示，后面呢则是XML id=“ XMLData ” 中的id，表明table用的是这个数据源。 而datafld表明它绑定的是xml文档中元素title 。, DSO example示例 学校名称 城市 学生人数 ,全部XML元素绑定到HTML文档的TABLE元素,链接的 XML 文档，数据源,创建一个表格，并将 XML 文档与表格元素关联,进一步将所需的 XML 元素与表格的具体列元素关联,访问 XML 文档中的所有记录,例题见：Example1.xml和Example1.html,第二种方法是将指定的XML元素绑定到HTML文档的其他特定元素，如果要显示当前的元素，可以直接用SPAN、DIV标记，无需绑定表格，同时，需使用DATAFLD属性来指定所绑定的XML文档中的某个字段，采用此种方法一次只能显示一条记录或记录中的一个字段。,指定的XML元素绑定到HTML文档的特定元素,例题见：Example1.xml和Example2.html,并非所有的HTML元素都能与XML数据岛绑定。目前，支持这种DSO绑定机制的元素如下： A、 APPLET、BUTTON、DIV、FRAME、IFRAME、 IMG、INPUT (此处类型是：CHECKBOX、HIDDEN、 LABEL、PASSWORD、RADIO和TEXT)、LABEL、 MARQUEE、SELECT、SPAN、TABLE和 TEXTAREA。,使用简单表格显示XML信息,将XML文档作为数据源对象并绑定到HTML文档的TABLE元素之后，XML文档中的每一个记录的数据都会被分别显示在HTML网页的不同表格行中，而XML记录元素中的每一个字段数据则会被分别显示于不同的表格栏中。,上例中的Example1.html文档包含了一个表格元素TABLE，该元素与一个标识符为XMLData的数据岛（数据源）进行了绑定。 表格元素TABLE中的每一个TD元素都包含了一个SPAN元素，这个SPAN 元素被绑定至XML文档记录的某个字段，以便让该元素能够显示对应字段的内容，从而实现将XML文档的记录数据在表格中逐行显示出来。,使用嵌套表格显示XML记录,使用嵌套表格来显示较复杂的特定XML文档（其中的每一条XML记录除了固定的一组字段之外，还允许包含零个或多个嵌套的记录）的记录数据，不仅需要将整个表格绑定到XML文档，同时还须将被嵌套的内层表格绑定到XML文档的内层记录元素，如此整个表格才会以嵌套方式显示当前记录内的每一个元素的内容。 例题见：Example2.xml和Example3.html,使用分页表格显示XML信息,要实现被绑定的XML文档中的众多记录用分页的表格来显示，需执行下列步骤： （1）将被绑定的TABLE 元素的DATAPAGESIZE 属性设定成希望每一页显示的记录个数。 （2）为被绑定的TABLE 元素的ID 属性指定一个唯一的识别代号。 （3）要实现在各个表格页之间翻页浏览，还需使用脚本程序调用DSO提供的用于控制分页显示的方法，如firstPage()、previousPage()、nextPage()、lastPage()。可以使用最简单的方式，就是将方法直接设定到BUTTON元素的ONCLICK属性中。 例题见：Example1.xml和Example4.html,使用DSO显示图像元素,使用DSO技术，还可以把XML文档元素绑定到除TABLE和SPAN之外的其他HTML元素，以实现特定XML数据的显示功能。这些HTML元素包括DIV、BUTTON、IMG等。 如果将XML文档的图像元素绑定到HTML的IMG元素，即可方便地实现在网页中显示出对应的图像。 例题见：picture.xml和picture_test.html picture.html和picture.xml,练习,1、编写XML教师信息文档，采用DSO技术、使用简单表格显示文档信息。 XML文档结构描述：教师信息(教师(工号、姓名、年龄、性别、所属系等) 2、将上述XML文档结构改为： XML文档结构描述：教师信息(教师(工号、姓名、年龄、性别、所属系、工资（岗位工资、津贴、工龄工资等）等) 采用DSO技术、使用嵌套表格显示该文档信息。 3、将上述XML文档结构改为： XML文档结构描述：教师信息(教师(工号、姓名、年龄、照片、性别、所属系、工资（岗位工资、津贴、工龄工资等）等) 采用DSO技术、照片显示为图片、采用分页显示该文档信息。 注意：XML文档中的元素名、属性名均要求采用英文。 教师信息的子元素教师至少要有四个以上。,使用DSO与Script编程,将XML文档与HTML文档绑定之后，在内存中生成的记录集合是一个属于DSO的recordset对象。该对象提供了一组符合Microsoft 的ADO标准数据访问技术的方法和属性，因而可以通过script编程调用这些方法和属性来对记录集进行访问和处理。 可以根据需要调用recordset对象的任何一个方法来撰写有关的script程序。在HTML文档中通过将某个方法直接指定到BUTTON元素的ONCLICK属性中，进行调用。,recordset对象的一些常用方法与属性,一次访问一条记录,Recordset 对象,DSO,Recordset 对象,使用DSO与Script编程实现表格的翻页,例题见：Example1.xml和Example5.html,浏览DSO记录,使用DSO与Script编程实现浏览DSO记录，让浏览者随意地浏览第一个、前一个、下一个与最后一个数据记录。,例题见：Example3.xml和Example6.html,编辑与添加DSO记录,使用DSO与Script编程不仅可用来一次显示一条DSO中的数据记录，还可以在网页的文本框中对显示的数据进行编辑修改。而且还可以使用recordset 对象的addNew() 方法设置一个“添加记录”的按钮，实现向数据岛添加记录。 例题见：Example3.xml和Example7.html 注意：使用DSO对数据岛的记录进行编辑与添加，只是在客户端的浏览器中对数据岛的记录数据进行修改和添加的，更新后的记录集合只是保存在内存中，并没有将其保存到与之绑定的XML文档中。如要真正修改和添加XML中的记录数据，则必须通过DOM技术或其它解决方案才能实现。,查询DSO记录,通过较复杂的JavaScript脚本程序代码，可以实现在与之绑定的文档中搜索指定记录的任务。,例题见：Example1.xml和Example8.html,练习,1、编写XML教师信息文档，采用DSO与JavaScript ，实现表格的翻页。 XML文档结构描述：教师信息(教师(工号、姓名、年龄、照片、性别、所属系、工资（岗位工资、津贴、工龄工资等）等) 2、使用DSO与Script编程实现浏览XML教师信息文档，让浏览者随意地浏览第一个、前一个、下一个与最后一个数据记录。 3、使用DSO与Script编程实现编辑与添加XML教师信息文档的DSO记录。 4、创建一个有关全班同学通讯录的XML文档，然后编写一个HTML文档，实现可在网页中快速检索（可从不同方面）某个同学的通讯录内容。 注意：XML文档中的元素名、属性名均要求采用英文。 信息至少要有四个以上。,用 DSO 和 XSLT 切换样式 1, DSO 示例 function load() var xmlDso = sdb.XMLDocument; var xslDso = Stylesheet.XMLDocument; divResults.innerHTML= xmlDso.transformNode(xslDso); ,为 XML 文档和 XSL 样式表创建 DSO，并将 XSL 样式表应用于 XML 文档,用 DSO 和 XSLT 切换样式 2, Riverdale 高中 纽约 550 Dream Valley 高中 布法罗 650 Sutherland 私立学校 波士顿 625 ,XML 数据岛,用 DSO 和 XSLT 切换样式 3, 切换样式 ,XSL 样式表,用 DSO 和 XSLT 切换样式 4,XSL 样式表,用 DSO 和 XSLT 切换样式 5,创建一个按钮，单击此按钮时调用该函数,用 DSO 和 XSLT 切换样式图示,用 DSO 和 XSLT 切换样式 7-7,例题见： Example9.xml和Example9.html Example9.xsl、Example9_1.xsl、Example9_2.xsl,总结,XML DSO 是一个 Microsoft ActiveX 控件，嵌入到 Microsoft Internet Explorer 中 DSO 有助于格式化数据并将这些数据显示在 HTML 页面上 DSO 可用于从外部 XML 文档或从嵌入到 HTML 文档的 XML 数据中提取数据 和 标签之间绑定的 XML 数据称为 XML 数据岛,总结,可以通过在 HTML 文档中使用 标签或通过使用 JavaScript 创建函数，将外部 XML 文档链接到 HTML 文档 可以使用 datasrc 和 datafld 属性从数据岛中提取数据 DSO 可用于使用样式表中定义的样式来显示 XML 数据岛的数据,