第5讲(xsl样式显示)

2006.2计算机与电子系—顾兵XML实用教程第5讲2006.2计算机与电子系公共课教研室上一讲主要内容XML其它语法内容XML语法八条规则结构良好的和有效和XML的文件CSS样式表语言及其应用–XML文档数据定义与数据表示相分离–CSS是一种支持XML文档显示的技术–CSS的语法规则:selector{formatting}–CSS不符合XML语法规则2006.2计算机与电子系公共课教研室CSS的作用因为样式表与XML文档相分离,因此同一个XML文档,可以引用不同的样式表。不同的样式表用于不同目的：–打印、展示、Web应用或其他改变样式表即可以多样化地显示同一个XML文档内容。2006.2计算机与电子系公共课教研室CSS样式表的使用CSS与XML文档建立联系有两种方式：–把以下PI指令包括在XML文档中?xml-stylesheettype=“text/css”href=“样式表名.css”?–直接在XML元素中声明style元素来定义样式–这种引用会用到XML文档中未定义过的style标签,需通过命名机制引入:根目录xmlns:html=“”2006.2计算机与电子系公共课教研室CSS样式表内容(3-4.css)CD{display:block;}title{display:block;color:#0066cc;font-family:宋体;font-sise:24pt;font-weight:bold;tedxt-align:center;}歌手{display:block;font-family:黑体,Arial,Tahoma;color:coral;font-sise:16pt;font-weight:bold;tedxt-align:center;}song{display:block;color:#00ffcc;text-indent:2em;font-family:宋体;font-sise:9pt;font-height:1.5em;margin-left:10%margin-right:15%;}2006.2计算机与电子系公共课教研室XML文件示例(3-3.xml)?xmlversion=1.0encoding=gb2312??xml-stylesheettype=text/csshref=3-4.css?newCDCDtitle红蔷薇/title歌手萧亚轩/歌手song一个人的精彩/songsong蔷薇/songsong夜/song/CDCDtitle天堂/title歌手腾格尔/歌手song天堂/songsong蒙古人/songsong小河淌水/song/CD/newCD2006.2计算机与电子系公共课教研室外部CSS样式表示例显示2006.2计算机与电子系公共课教研室不使用样式表的XML文档显示2006.2计算机与电子系公共课教研室内部CSS格式文件(3-5.XML)?xmlversion=1.0encoding=gb2312??xml-stylesheettype=text/css?newCDxmlns:html=:style!--CD{display:block;color:#aa0000;}title{display:block;font-family:宋体;…;}歌手{display:block;font-family:黑体,Arial,Tahoma;...;}song{display:block;text-indent:2em;font-family:宋体;…}--/html:styleCDtitle红蔷薇/title歌手萧亚轩/歌手song一个人的精彩/songsong蔷薇/songsong夜/song/CDCDtitle天堂/title歌手腾格尔/歌手song天堂/songsong蒙古人/songsong小河淌水/song/CD/newCD2006.2计算机与电子系公共课教研室内部CSS样式示例2006.2计算机与电子系公共课教研室使用CSS样式表的说明虽然外部与内部CSS样式均可使用,但强烈建议使用外部CSS样式表:–符合数据表示与数据显示相分离的要求–外部CSS文件能同时被多个XML使用–使用内部CSS会破坏XML文档的可读性2006.2计算机与电子系公共课教研室XSL简介XSL是由W3C制定XSL通过XML定义,符合XML语法规则XSL包括两部分:–第一部分描述如何将一个XML文档进行转换–第二部分定义格式对象(FO)目前FO还不完善,但第一部分日臻成熟,已从XSL中分离出来,取名为XSLT现在所说的XSL一般是指XSLT2006.2计算机与电子系公共课教研室XSL定义显示的基本思想定义转换模板将XML源文件转换为带样式信息的可浏览文档最终的可浏览文档可以是HTML格式、FO格式、或其他格式目前大多数情况下，转换为HTML文档来显示。2006.2计算机与电子系公共课教研室如何用XSL进行XML变换XSL样式单有三种方式将XML文档变换成其他格式（HTML）：–XML文档和相关的样式单都是用于客户端的；–服务器将XSL样式表单应用于XML文档，使其变换后，再将已变换的HTML文档发送到客户端；–通过另外程序将原XML文档变换成HTML格式后，将此文档放置在服务器上。服务器与客户端都处理HTML文档。2006.2计算机与电子系公共课教研室初识XSL样式表?xmlversion=1.0encoding=gb2312?xsl:stylesheetxmlns:xsl=:templatematch=/xsl:value-ofselect=/腾格尔/天堂//xsl:template/xsl:stylesheet2006.2计算机与电子系公共课教研室简单XSL示例的说明?xmlversion=1.0encoding=gb2312?xsl:stylesheetxmlns:xsl=:templatematch=/xsl:value-ofselect=/腾格尔/天堂//xsl:template/xsl:stylesheetXML声明，因此是一个XML文档XSL声明：表明IE5期望的XSL元素放在命名域中XSL模板定义，用于指定此模板应用于文档哪个节点。Value-of元素是从XML文档中提取所需显示的数据。2006.2计算机与电子系公共课教研室浏览XSL文档2006.2计算机与电子系公共课教研室套用XSL显示XML文档如何在XML文档中套用XSL文档?实质上就是建立XSL样式表与XML文档的链接：即在XML声明后加入PI指令：?XML-STYLESHEETTYPE=“TEXT/XSL”URI?2006.2计算机与电子系公共课教研室套用XSL显示XML文档举例?xmlversion=1.0encoding=gb2312??xml-stylesheettype=text/xslhref=xml3-7(简单XSL).xsl?腾格尔天堂蓝蓝的天空清清的湖水哎耶绿绿的草原这是我的家哎耶奔驰的骏马洁白的羊群哎耶还有你姑娘这是我的家哎耶我爱你我的家我的家我的天堂/天堂/腾格尔2006.2计算机与电子系公共课教研室不用XSL样式表的XML文档2006.2计算机与电子系公共课教研室套用XSL显示XML文档效果2006.2计算机与电子系公共课教研室XSL模板模板是XSL样式表的最重要部分模板就是XSL处理一个数据块的规则其表示为一个xsl:template元素模板规则将特定的输出与特定的输入相关联模板通过match特性指定其应用于哪个节点2006.2计算机与电子系公共课教研室模板规则xsl:templatematch=“节点内容”language=“脚本语言”xsl:apply-templateselect=“节点内容”order-by=“排序规则”一个xsl模板的定义规则所匹配的节点模板中执行何种脚本语言使格式化引擎处理子节点模板应用于所选元素指定输出数据排列方式2006.2计算机与电子系公共课教研室XSL主要语句概括xsl:stylesheetxsl:templatexsl:templatematch=“”xsl:apply-templatesxsl:apple-templatesselect=“”xsl:for-eachselect=“”xsl:value-ofselect=“”样式表声明定义模板,相当于函数相当于函数调用,去匹配引号中指定的节点应用模板应用模板于指定节点循环遍历所指的节点赋值语句,取出所指定的属性值2006.2计算机与电子系公共课教研室一个XSL实例(3-10.XSL)?xmlversion=1.0encoding=gb2312?xsl:stylesheetxmlns:xsl=!--根模板--xsl:templatematch=/HTMLHEADTITLE认购信息/TITLE/HEADBODYH2客户信息/H2TABLEBORDER='2'CELLSPACING=0TRTH客户姓名/THTH账户代码/THTH现住址/THTH联系电话/TH/TRxsl:for-eachselect=股票/武商股份/认购人信息TRTDxsl:value-ofselect=姓名//TDTDxsl:value-ofselect=账户//TDTDxsl:value-ofselect=地址//TDTDxsl:value-ofselect=电话//TD/TR/xsl:for-each/TABLE/BODY/HTML/xsl:template/xsl:stylesheet2006.2计算机与电子系公共课教研室XML文档套用XSL样式单?xmlversion=1.0encoding=gb2312??xml-stylesheettype=text/xslhref=3-10.xsl?股票武商股份认购人信息姓名张祥/姓名账户A157109768/账户地址武汉大学樱园小区12号/地址电话87430070/电话/认购人信息认购人信息姓名刘娴/姓名账户A142109760/账户地址华科大东二区28号/地址电话87409256/电话/认购人信息/武商股份/股票2006.2计算机与电子系公共课教研室IE浏览效果2006.2计算机与电子系公共课教研室XSL元素语法(一)一般访问:通过XSL可访问XML文档中元素及其属性,其语法为:xsl:value-ofselect=“元素或属性”/访问XML文档元素的属性值时,其语法为:xsl:value-ofselect=“元素/@属性名”/重复访问:即前述循环访问语句,语法为:xsl:for-eachselect=“元素名”order-by=“排序规则”访问内容/xsl:for-each2006.2计算机与电