XML技术及应用古凌岚电子教案 第4章_XML样式表.ppt

 XML技术及应用第四章 XML样式表 水利水电出版社 古凌岚、罗佳等编著 知识要点 什么是样式表 CSS级联式样式表应用 XSL可扩展样式表应用 4.1 什么是样式表 样式表是包含了标记语言文档的格式化规则文档，这些规则定义了标记语言文档中各个元素的显示样式。 样式表允许完成以下的任务 能够把XML文档转换为另一种结构，主要由XSL来实现 描述显示的格式或者显示布局，主要由CSS来实现 4.1 什么是样式表 4.2 级联样式表（ＣＳＳ）的应用 实例：图书信息页面布局的静态设置 问题 书店管理系统想要显示它所销售的所有书籍的详细资料（详细资料以XML文档形式存储）。需要按照下面指定的格式显示产品的详细资料： （1）每一本书籍的单价、描述和现存量需要以黑色、10pt大小的字体来显示 （2）书籍的名称必须以红色、20pt大小的字体来显示。并且应该是以粗体显示。 （3）所有的详细资料必须以Arial字体来显示。 4.2 级联样式表（ＣＳＳ）的应用 实现效果 4.2 级联样式表（ＣＳＳ）的应用 分析 确定要显示的元素 确定显示格式化数据的机制 创建一个样式表来格式化XML数据 4.2 级联样式表（ＣＳＳ）的应用 确定要显示的元素 在给定的场景中要显示的元素是： BookName Price Keyword Qty 4.2 级联样式表（ＣＳＳ）的应用 确定显示格式化数据的机制 CSS的基本思想是为结构文档中的各个标记定义出相应的一组显示样式。定义的基本格式为： 选择符 { 样式属性：取值；样式属性：取值；... } 4.2 级联样式表（ＣＳＳ）的应用 确定显示格式化数据的机制 选择符 标记 类选择符 标识选择符 样式属性 4.2 级联样式表（ＣＳＳ）的应用 创建一个样式表来格式化XML数据 引用式 ?xml-stylesheet type=text/css href=mystyle.css ? 嵌入式 内嵌式是指将CSS样式直接嵌入到XML文档内部，为元素设置style属性，并在属性值中给出样式的定义 4.2 级联样式表（ＣＳＳ）的应用 单元练习 酒店管理系统想要显示客房详细资料（详细资料以XML文档形式存储）。需要按照下面指定的格式显示产品的详细资料： （1）客房编号需要以黄色、16pt大小、黑色背景、粗体的字体来显示； （2）客房的客房标准编号、客房状态、备注必须以黑色、10pt大小的字体来显示； （3）所有的详细资料必须以Arial字体、左对齐来显示 创建一个CSS来按照上面的格式显示供应商的详细资料。 4.3 可扩展样式表（XSL）的应用 4.3.1 实例：图书信息页面布局的动态设置 问题 书店管理系统需要显示书籍的详细信息（比如书籍ISBN、书籍名称和单价），按价格升序排列成列表。 4.3 可扩展样式表（XSL）的应用 实现效果 4.3 可扩展样式表（XSL）的应用 分析 确定需要显示的数据元素 明确显示数据的机制 确定显示数据所需的元素 创建并应用一个样式表 查看该XML文档 4.3 可扩展样式表（XSL）的应用 确定需要显示的数据元素 BookISBN BookName Price 4.3 可扩展样式表（XSL）的应用 明确显示数据的机制 XSLT主要的功能就是转换，它将一个没有形式表现的XML内容文档作为一棵源树，将其转换为一个有样式信息的结果树。 服务器端转换模式 客户端转换模式 4.3 可扩展样式表（XSL）的应用 确定显示数据所需的元素 stylesheet value-of for-each sort text 4.3 可扩展样式表（XSL）的应用 Stylesheet 该声明称为样式表声明。样式表声明的语法如下： xsl:stylesheet version=1.0 xmlns:xsl=/1999/XSL/Transform 4.3 可扩展样式表（XSL）的应用 value-of元素 该元素显示了指定元素或者属性的值。使用该元素的语法如下： xsl:value-of select=elementname/attributname/ 4.3 可扩展样式表（XSL）的应用 for-each元素 使用该元素来通知XSLT处理器来处理指定元素的每个实例的信息。使用for-each元素的语法如下： xsl:for-each select=”pattern” [执行动作] /xsl:for-each 4.3 可扩展样式表（XSL）的应用 sort元素 XSLT提供了基于分配给元素和属性的值来排序数据的sort元素 使用sort元素的语法如下所示： xsl:sort select=”expression”