1、第五讲: XML的样式语言,电子商务基础实验课,XML的样式语言,XML文件本身只是在定义数据的内容,如果需要显示XML元素的数据,以数据库系统来说,就是查询数据表的记录,建立所需的报表。我们就需要一种机制描述XML元素如何被显示,即样式语言。 CSS和XSL都可作为XML的样式语言,CSS简介,CSS (Cascading Style sheets)层叠样式表 CSS能够定义HTML标记的显示效果 CSS也能定义XML标记的显示效果,CSS的基本语法,Selector property1:value; property2:value2 例: XML文件中: XML教程 CSS定义: titl
2、e display:inline;color:red;font-size:16pt;,在XML文件使用CSS,两种方式: 1、使用外部独立的CSS文件; 2、使用XHTML标记直接插入XML文件。通常采用外部的CSS样式文件显示XML文件的内容。,外部CSS,外部CSS的语法:(例子1),内部CSS,内部CSS的语法: ,CSS的选择器Selector,基本选择器: booklist 嵌套选择器: book content subject 组选择器: author,price ,CSS的Display属性,block:表示此元素为一个段落的块,文字内容以一个新行显示。 Inline:表示此元素
3、属于现有块的一部分。 list-item:相当于HTML的项目符号,在元素前显示一个圆形的项目符号。 None:隐藏元素。,XSL,XSL是XML的专属样式语言,不像CSS只是单纯的定义样式,它的功能更加强大,属于一种真正的Script语言,在功能上主要分为两个部分: 1、转换XML文件(XSLT) 2、格式化XML文件 注:XSLT内容本身也是一份XML文件,XSLT的工作是将来源XML元素转换成XSLT元素,XSLT并不是在显示XML元素内容,只是将XML元素转换成其他文件的格式。,CSS与XLST的区别,XSL,XSL 包括三部分: 1、XSLT 一种用于转换 XML 文档的语言。 2、
4、XPath 一种用于在 XML 文档中导航的语言。 3、XSL-FO 一种用于格式化 XML 文档的语言。,XSLT - 转换,正确的样式表声明 把文档声明为 XSL 样式表的根元素是 或 根据 W3C 的 XSLT 标准,声明 XSL 样式表的正确方法:或者: ,XSLT元素,元素 XSL 样式表由一个或多套被称为模板(template)的规则组成。 每个模板含有当某个指定的节点被匹配时所应用的规则。元素用于构建模板。 match 属性用于关联 XML 元素和模板。 match 属性也可用来为整个文档定义模板。 match 属性的值是 XPath 表达式(举例,match=“/“ 定义整个文
5、档)。,XSLT元素, 元素 功能:用于提取某个选定节点的值。 与select结合使用,select 属性的值是一个 XPath 表达式。此表达式的工作方式类似于定位某个文件系统,在其中正斜杠可选择子目录。 例:,XSLT元素, 元素 功能:在 XSLT 中进行循环 例:,XSLT元素, 元素 功能:用于对结果进行排序 例: ,XSLT元素, 元素 功能:用于放置针对 XML 文件内容的条件测试。 例:. .如果条件成立则输出. .,XSLT元素,XSLT 元素 功能:结合 和 来表达多重条件测试。 例:. 输出 . . 输出 ,XSLT元素, 元素 功能:可把一个模板应用于当前的元素或者当前
6、元素的子节点。 如果我们向 元素添加一个 select 属性,此元素就会仅仅处理与属性值匹配的子元素。我们可以使用 select 属性来规定子节点被处理的顺序。 例:,XSLT元素, Title: ,Ps:超级链接和图片的显示,在XML文件中使用XHTML标记 首先需在根标记中声明XHTML标记的命名空间,如下所示:然后在XML文件中直接使用XHTML标记,如:(例子),课后学习,CSS网上学习教程 http:/ XSLT网上学习教程 http:/ 选1),1.用CSS或XSLT呈现XML个人简历 编写个人简历XML文档 用CSS或XSLT格式化显示该XML文档 2. 用CSS或XSLT格式化显示图书馆藏书XML文档 显示一本书即可,可以不写DTD 注意标签用英文 提示 充分利用图片的作用 发挥想象力,,Thank You!,