第十章 XML(Dreamweaver CS4 网页设计与制作教材课本课件)

10.4.1 利用CSS显示XML 单纯的XML文档只是为数据提供结构，但是它没 有涉及数据如何显示，CSS 是用于为XML数据定义 显示参数的一种技术，它利用简单的规则来控制元 素内容在浏览器中的表现方式。CSS最初是被开发 来为HTML文档指定显示的，同时也适合于XML数 据。样式表中的显示规范与XML数据分离，这意味 着相同的数据通过应用不同的样式表可以以不同的 方式显示。同样，相同的样式表可以应用到多个 XML文件。
没有样式表的XML文档显示结果
使用CSS样式表后的显示结果

XSL能够向输出文件里添加新的元素或者移动元 素，也能够重新排列或者索引数据，它可以检测并 决定哪些元素被显示，显示多少等。它使用XPath 匹配结点。把一个XML文档转换为另一个不同的文 档。得到的文档可以是XML、HTML、无格式文本 或任何其他基于文本的文档。XSL的第二部分是XSL 格式化对象。格式化对象提供了另一种方式，来格 式化显示XML文档，以及把样式应用到XML文档中。

1．数据绑定的作用和意义 要在HTML网页中使用XML文档中的数据，必须 进行数据绑定（Data Binding）。Data Binding就 是将外部数据，如XML文档、数据库或使用OLEDB链接的外部数据集成到HTML文件，然后使表格 等HTML元素绑定XML文档元素，从而实现XML数 据在HTML页面中的显示。HTML绑定意味着和一 个HTML元素关联的值是由一个特定来源提供的。 绑定HTML元素时，更新其值会造成关联节点的文 本同le Markup Language），即 可扩展标记语言。是由万维网联盟W3C（World Wide Web Consortium）开发的，主要目的是为 了克服HTML的缺点。XML扩展了HTML的标识和 功能，使编程人员可以根据需要定义标记。XML已 经成为表示结构化信息的一种标准文本格式。掌握 XML的语法知识是进一步学习和运用XML技术的前 提。本章讲述编制XML文档的常用语法和基本规则， 主要包括XML基本语法、XML文档的基本组成等， 这些内容是学习整个XML的基础。
第十章 XML

XML的特点和 XML内容 XML语法 XML和HTML Dreamweaver CS4操作XML

掌握XML的构成和语法 掌握XML和HTML的数据绑定 能使用HTML的各种方法绑定和显示XML 能通过Dreamweaver 使用XSLT显示XML 初步具有XML编写网页的能力






2．使用表格数据绑定的方法 数据控件主要负责管理数据，并为HTML元素提供数据，而HTML元素则将数据显示 在屏幕上。为了将数据源与HTML元素绑定，操作过程如下： （1）建立HTML文档。确定所要进行的信息展示或处理工作，依照程序员的喜好的 界面风格建立好一个HTML文档。 （2）加入<XML>标签。在HTML文档中加入<XML>标签从而在HTML嵌入XML格 式的数据，或者引用外部的XML格式的文件。通过设置<XML>标签的ID属性，可以通 过脚本访问这些数据，也可以把它与<TABLE>捆绑到一起；也可以设置<XML>的 SRC属性，导入外部的XML格式数据。 （3）建立表格。根据所要展示的字段个数设置表格表头和表体，表体中建立一个空 白行。 （4）定义数据源DATASRC。在表格标签<TABLE>中加入一个属性DATASRC，并 赋值为数据源的名称，这样表格就成为包含数据的数据控件。在数据源名称前必须要 加一个“#”。 （5）确定被绑定的字段DATAFLD。在表格要显示数据的各列标签<TD>中加入 <span>、<div>或其他支持DSO的标签，给这个标签加入DATAFLD属性，属性值就 是所要显示的字段名，这些字段是数据控件管理的数据中的列名,即XML文档中的元素 或属性名


XML简明、易学、易用、易实现，为Web编程注入了新的活力，并为信息技 术带来新的机遇。XML有许多特点，其优越性十分明显，具有广阔的应用前 景。 （1）遵循严格的语法要求 （2）文档结构与显示内容分离 （3）丰富的显示样式 （4）便于不同系统之间的信息交换 （5）便捷的数据处理 （6）面向对象的特性 （7）自描述性 （8）可扩展性 （9）选择性更新。 （10）XML是一个技术大家族.

XML与HTML结合的优势如下： （1）数据可以在本地处理 （2）提供给客户端结构化数据视图 （3）集成不同来源的结构化数据 （4）通过粒度更新来提高性能 （5）网页界面修改不易破坏数据



XML文档所包含的信息可以提取并且在HTML页面中予以显示， 数据岛、数据源对象和数据绑定是XML信息显示的几个重要概念。 XML数据岛(Data Island)是指嵌入HTML文档中的扩展标识XML 信息。HTML网页就像是一个大海，在其中适当的位置采用一定的 HTML标记导入XML元素或属性的值。XML数据岛技术是IE浏览器5.0 以上版本用于绑定和显示XML数据的一种特定方法。HTML文档中的 XML数据岛来自XML文件。 XML数据源对象（XML Data Source Object）允许开发人员连 接到结构化XML数据，并用动态HTML的数据绑定机制将它提供给 HTML页面。XML DSO为开发人员提供了构造下一代丰富、灵活Web 应用程序的技术。开发人员使用XML DSO，可以为网页提供结构化 数据，并且用XML对象模型计算、更新、存储数据。

XML语法有标记语法和文档语法。标记语法是指 XML标记本身的语法规定，文档语法是指XML文档 各部分的规定和作用。



XML的标记有两种：非空标记和空标记。 1．非空标记 非空标记由起始标记与结束标记组成，其中，起始标记一般形式 为<标记名>，结束标记一般形式为</标记名>。对于XML文档，起 始标志和结束标记有着非常重要的作用，他们将文档中的数据进行结 构化组织，并确定了元素的范围和相互作用，并确定了元素的范围和 相互关系。 文件“/本书实例/学院网站/10/Example2.xml”中的代码是非 空标记。 2．空标记 空标记的一般形式为<标记名/>，在XML文档中使用空元素的主 要目的是对文档的显示方式进行排版。
使用XSLT显示XML文件的结果





XML文档是一个标准信息交换格式的信息体， 一个良好格式的XML文档一般有序文、文档主体、 文档尾，文档的各部分有着各自的功用。 1．XML声明 2．处理指令 3．XML元素 4．XML的属性 5．实体引用与CDATA标记 6．XML的注释

XML文档是一个层状结构的信息体，XML比 HTML提供更大的灵活性，侧重于如何结构化地描 述信息，但是它不能代替HTML。实际上，XML与 HTML配合，能够很好地展示和更新信息。XML可 以用作数据源，XML的元素和属性可以与HTML的 元素绑定，使得XML中的信息能够通过HTML元素 展现出来。本章介绍XML作为数据源对象的相关技 术，数据岛的概念、数据绑定的方法、支持DSO的 HTML标记和XML文件的嵌入，XML数据源对象的 综合运用。

1． HTML中的XML数据岛记录编辑与添加 XML对象赋予ID号后，这个ID所代表的数据源 对象具有若干方法。下面给出使用JavaScript操作 XML DSO的方法：
◦ ◦ ◦ ◦ ◦ movePrevious()：指向前一个数据项。 moveNext()：指向下一个数据项。 moveFirst()：指向第一个数据项。 moveLast()：指向最后一个数据项。 addNew()：增加一个数据项。

3．只显示单条记录时数据绑定的方法 以上说明了表格绑定XML DSO的步骤。如果是单条记录的显示， 则不必采用表格，选择合适的HTML标签，每一个绑定的HTML元素 都要同时确定数据源（DATASRC）和绑定的字段（DATAFLD）。


4．支持数据绑定的HTML元素 XML与HTML相结合能够完满地显示信息和处理 信息，但是必须清楚哪些HTML元素是支持XML DSO数据绑定的。 将HTML元素和XML文档绑定时，有三点需注意。 首先，并非每个HTML元素都能绑定。其次，并非 每个HTML元素都能更新数据岛。第三，并非每个 HTML元素都将数据岛的节点文本呈现为HTML。



XML文档的主要内容 （1）序言码, <?xml version="1.0" encoding="utf-8"?> （2）处理指令（Processing Instruction，PI）如：<?xml-stylesheet type="text/css" href="public.css"?> （3）根元素 ◦ <document xmlns:xsi="/2001/XMLSchemainstance"> ◦ … ◦ </document> （4）元素 （5）属性 （6）CDATA节 （7）注释



2．HTML中的XML数据岛记录集页面管理 上述使用数据岛处理XML标记时，采用内嵌XML文档或“SRC”属性导入 XML文件。XML标记的处理还可以用<OBJECT>标记建立DSO对象： <OBJECT ID=”xmlDSO” CLASSID=”CLSID:550dda30-0541-11d29ca9-0060b0ec3d39”></OBJECT> 可以使用脚本语言加载DSO数据源(XML文件)，如： <script language="JavaScript"> function loadXML() { ver xmldoc=xmlDSO.XMLDocument; xmldoc.load("Example8.xml "); } </script>