跟我学xsl（一）----为中国网络技术提供点滴动力-iyit.net-易特网络技术！

　　通行证: 用户密码

域名空间　下载中心　 社区论坛　信息公告 my小屋

联系我们
设为首页
加入收藏

qq,asp,php,jsp,xml,sql,.net,编程程序网页图象建站经验私服




	当前位置：首页>>网页设计>>html/css>>正文	新版上线！[旧版]

注:打开慢时请稍等

跟我学xsl（一）

http://www.iyit.net 日期：2006-5-27 9:23:00 来源：转载点击：

【参加讨论】跟我学xsl（一）:随着internet的发展，越来越多的信息进入互联网，信息的交换、检索、保存及再利用等迫切的需求使html这种最常用的标记语言已越来越捉襟见肘。html将数据内容与表现融为一体，可修改性、数据可检索性差，而xml借鉴了html与数据库、程序语言的优点，将内容与表现分开，不仅使检索更为方便，更主要的是用户之间数据的交换更加方便，可重用性更强。

　　xml是一种元标记语言，没有许多固定的标记，为web开发人员提供了更大的灵活性。当我们使用html时，标记只是简单的表示内容的显示形式，而与表示的内容没有任何关联，为文档的进一步处理带来极大的不便。比如要表示个人简历，用html的表示方式如下：

<html>
<body>
<table border=1 cellspacing=0>
<th>姓名<td>禹希初<th>性别<td>男<th>生日<td>1977.5
<tr>
<th>技能<td colspan=5>数据库设计与维护、web开发
</table>
</body>
</html>

姓名禹希初性别男生日 1977.5
技能数据库设计与维护、web开发

上例在浏览器中的样子

　　在这里，我们无法从标记th、td得知其内容表示什么，如果用xml，相应的文档（文件名：个人简历.xml）就可写成如下形式：

<?xml version="1.0" encoding="gb2312"?>
<resume>
<name>禹希初</name>
<sex>男</sex>
<birthday>1977.5</birthday>
<skill>数据库设计与维护、web开发</skill>
</resume>

上例在浏览器中的样子(ie5.0或更新版本)

说明：

　　version──规定了xml文档的版本，此处只能是1.0；

　　encoding── 此处规定了xml文档的编码类型，此处取值为"gb2312"，也就是"简体中文"。

　　对比两例，使用xml我们可以做到自定义标记，用标记表明内容的含义。这样在internet上交流资料时，为用计算机处理文档提供了极大的方便，同时我们阅读源文件时也不会被一大堆格式弄得晕头转向。

　　然而，由于xml并没有为标记规定显示方式，如果我们在游览器中查看以上两个文档（建议使用ie5.0或更新版本），我们将看到xml文档并没有以诸如表格的方式来显示。难道我们就不能像html一样显示文档吗？回答是否定的。以个人简历为例，需要另建一个格式文件说明各个标记的显示方式，其内容如下（假设文件名为resume.css）：

resume{ display: block;}
name{ display: block; font-size:120%;}
sex{ display:block; text-indent:2em}
birthday{ display:block; text-indent:2em}
skill{ display:block; text-indent:2em}

说明：

　　以上均为css样式，建议读者参考有关资料熟悉css，在以后学习中必须用到，此处由于篇幅关系不作介绍。建立文件resume.css后，在个人简历.xml文件的第一行后添加以下文字：

<?xml:stylesheet type="text/css" href="resume.css"?>

上例在浏览器中的样子(ie5.0或更新版本)

说明：

　　此处表示引用一个外部css样式文件，其中type规定样式类型（可取值为text/css或text/xsl），href规定文件路径。

　　保存文件，再以ie5.0打开文件。怎么样？格式有些不一样吧。好象还不令人满意，文档内容是清晰了，但显示效果比html编写的文档就差得多了，xml编写的文档就只能以这种方式显示吗？！

提示：

　　1. 为了更好的理解与掌握xml，建议大家熟悉html 4.0与css 2.0语法；掌握javascript、vbscript中至少一种；编程经验、对数据库理论与sql的了解均能使大家在学习xml时获益。

　　2. xml文档中标记必须成对出现，如果是空标记也必须有前加"/"的同名标记结束，或使用此种文式<xml_mark/>表示空标记。

　　3. xml以及下面将要介绍的xsl文档，属性值必须用双引号（"）或单引号（’）括起来。

　　4. xml文档必须是良构的（xsl文档也是xml文档中一种），也就是说标记必须有结束标记、标记可以嵌套但不可交叉，如：

是合法的，而下面的形式

则是错误的。如果xml文档在浏览时出错，多半是违反了上面提到的规则。[page]

上期我们讲到用css（层叠样式表）来格式化xml文档，其效果并不很令人满意。实际上css用来格式化html标记比较合适些，只是因为它简单才在上例中采用。

　　xml在更多的时候只是一种数据文件，怎样将它变为我们日常所看到的html格式那样的文件呢？如果我们将xml文件比作结构化的原料的话，那么xsl就好像"筛子"与"模子"，筛子选取自己需要的原料，这些原料再通过模子形成最终的产品：html。

　　这个模子大致是这样：我们先设计好表现的页面，再将其中需要从xml中获取数据来填充内容的部分"挖掉"，然后用xsl语句从xml中筛出相关的数据来填充。一言以譬之：这xsl实际上就是html的一个"壳子"，xml数据利用这个"壳"来生成"传统"的html。

　　xml在展开时是一个树形结构，我们将树形结构中自定义标记称为节点，节点之间存在父子、兄弟关系，我们要访问其中的结点从根结点就要以"／"来层层进入。

　　在xsl这个壳中，我们要从原料库xml里提取相关的数据，就要用到xsl提供的模式化查询语言。所谓模式化查询语言，就是通过相关的模式匹配规则表达式从xml里提取数据的特定语句，即我们上面所说的"筛子"。

　　参考微软的"xsl开发者指南"，我们大致可将模式语言分为三种：

　　选择模式：

<xsl:for-each>、<xsl:value-of>和 <xsl:apply-templates>

　　测试模式：

<xsl:if> 和<xsl:when>

匹配模式：

<xsl:template>

　　我们现在就分别对之进行介绍。

　　一、选择模式

　　选择模式语句将数据从xml中提取出来，是一种简单获得数据的方法，这几个标记都有一个select属性，选取xml中特定的结点名的数据。

　　1、<xsl:for-each>

　　如在xml中有这样的数据:

<author>
<name>小禹</name>
<name>春华</name>
<name>秋实</name>
</author>

　　我们要读取这三个作者名字，是一个一个地按"author/name"方法来读取吗，可有多个这样的name呀？如果有一种程序性的语句来循环读取有多好啊！

　　想得很对，xsl提供了这样的具有程序语言性质的语句：<xsl:for-each>

　　用它读取这三个作者名字的方法如下:

<xsl:for-each select="author/name">
……
</xsl:for-each>

　　select，顾名思义，选取，它可以选定xml中特定唯一的标记，也可以选择某一类相同的标记，我们称之为结点集。

　　语法：

<xsl:for-each select="pattern" order-by="sort-criteria-list">

　　属性：

　　1.select

　　根据xsl样式查询考察上下文以决定哪类结点集（满足select条件）使用此样式描述。作为一种简化的表示就是，如果你想对文档中的某一种标记的内容的显示方式进行格式化，就可以将让select等于此元素的标记名。例如欲对标记xml_mark进行格式化，即可用如下方式表示：

<xsl:for-each select="xml_mark">

</xsl:for-each>

　　2.order-by

　　以分号（;）分隔、作为排序标准的列表。在列表元素前添加加号（+）表示按此标记的内容以升序排序，添加减号（-）表示逆序排序。作为一种简化的表示就是，排序标准列表就是由select规定的标记的子标记的序列，每个标记之间以（;）分隔。

　　2、<xsl:value-of>

　　<xsl:for-each>模式只是选取节点，并没有取出节点的值，好比猴子只是爬到了树的某个枝干上，那么就用< xsl:value-of >来摘"胜利果实"吧！

　　语法：

<xsl:value-of select="pattern">提取节点的值

　　属性：

　　select用来与当前上下文匹配的xsl式样。简单的讲，如果要在xsl文档某处插入某个xml标记（假定是xml_mark标记）的内容，可用如下方式表示：

<xsl:value-of select="xml_mark"></xsl:value-of>

　　或

<xsl:value-of select="xml_mark"/>

示例：

　　此处仍以上期的个人简历的作为例子，我们需要对文件（个人简历.xml）作一定修改，确切的说是将其中的第二行：

<?xml:stylesheet type="text/css" href="resume.css"?>

　　修改为：

<?xml:stylesheet type="text/xsl" href="resume.xsl"?>

　　然后建立一个新文件：resume.xsl，其内容如下：

<?xml version="1.0" encoding="gb2312"?>
<html xmlns:xsl="http://www.w3.org/tr/wd-xsl">
<head>
<title>个人简历</title>
</head><body>
<xsl:for-each select="resume">
<p/>
<table border="1" cellspacing="0">
<caption style="font-size: 150%; font-weight: bold">
个人简历
</caption>
<tr>
<th>姓名</th><td><xsl:value-of select="name"/></td>
<th>性别</th><td><xsl:value-of select="sex"/></td>
<th>生日</th><td><xsl:value-of select="birthday"/></td>
</tr>
<tr>
<th>技能</th><td colspan="5"><xsl:value-of select="skill"/></td>
</tr>
</table>
</xsl:for-each>
</body>
</html>

上例在浏览器中的样子(ie5.0或更新版本)

　　完成这些以后再来让我们看一下辛勤劳动的成果，怎么样？效果不错吧。更酷还在后头呢。现在我们对文件（个人简历.xml）作进一步的修改：

　　1.在标记<resume>前添加一个新标记<document>；

　　2.将标记对<resume></resume>之间的内容（包括这一对标记）复制并粘贴在其后，并在最后用<document>结束。

　　3.以notepad.exe打开文件resume.xsl，在标记<html>之后添加文字：<xsl:for-each select="document">；在标记</html>之前添加文字：</xsl:for-each>，保存文件。

　　4.在浏览器中打开文件（个人简历.xml）。看到了什么？两份个人简历！

上例在浏览器中的样子(ie5.0或更新版本)

　　就这样，利用xml我们可以编写内容与样式完成分离的文档！当然，xsl文件比一般的html文件要复杂一些，然而一旦完成则可用于格式化所有同类的xml文档。[page]

经过前几日的学习，我们学习了xhtml文档的编写和以及三个xsl元素，已能编写相当灵活的xsl文档，今天将学习的是xsl模板的编写。我们都知道，短的文档、程序十分好读，但当规模增大后，其复杂性也以更快的速度增加。

　　前面我们学了<xsl:for-each>、<xsl:value-of>等，可以用它们对xml数据实现简单的格式化输出，但如果遇到比较复杂的xml格式输出，将xsl按照要求依次写下来的话，一是设计困难，可扩展性差，不利于人员之间的分工协作；另则，可修改性很差，可能会出现牵一发而动全军的情况，不利于维护。程序中模块化设计逐步细化的方法在这里得到了应用！

　　xsl模板将xsl的设计细化成一个个模板（块），最后再将这些模板（块）组合成一个完整的xsl；好比船与集装箱，我们不是将所有的货物一件件地堆起来，而是装在各自的集装箱中，然后再在船上将这些集装箱堆放起来。这种方法可以使你先从整体上考虑整个xsl的设计，然后将一些表现形式细化成不同的模块，再具体设计这些模块，最后将它们整合在一起，这样，将宏观与微观结合起来，符合人们条理化、规范化要求。

　　装集装箱－－书写模板（块）：<xsl:template>

　　语法：

<xsl:template match="node-context" language="language-name">

　　属性：

　　match ── 确定什么样的情况下执行此模板。作为一种简化的说明，在此处使用标记的名字；其中最上层模板必须将match设为"/"。

　　language ── 确定在此模板中执行什么脚本语言，其取值与html中的script标记的language属性的取值相同，缺省值是jscript。

　　<xsl:template>用match属性从xml选取满足条件的节点，征对这些特定的节点形成一个特定输出形式的模板。

　　吊集装箱上船－－调用模板（块）：<xsl:apply-templates>

　　语法：

<xsl:apply-templates select="pattern" order-by="sort-criteria-list">

属性：

　　select ── 确定在此上下文环境中应执行什么模板，即选取用< xsl:template >标记建立的模板（块）。

　　order-by ── 以分号（;）分隔的排序标准，通常是子标记的序列。

　　示例：

　　以个人简历为例，为便于处理我们希望"技能"中每一项都用标记对<skill></skill>括起来，有多少项技能就有多少个这种标记对，经过修改后的个人简历xml文档内容如下：

<?xml version="1.0" encoding="gb2312"?>
<?xml:stylesheet type="text/xsl" href="resume_template.xsl"?>
<document>
<resume>
<name>禹希初</name>
<sex>男</sex>
<birthday>1977.5</birthday>
<skill>数据库设计与维护</skill>
<skill>web开发</skill>
</resume>
</document>

　　然后，建立一个新xsl文件resume_template.xsl，采用模板的形式，其内容如下：

<?xml version="1.0" encoding="gb2312"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/tr/wd-xsl">

<xsl:template match="/">
<html><head><title>个人简历</title></head>
<body>
<xsl:apply-templates select="document/resume"/>
</body>
</html>
</xsl:template>

<xsl:template match="resume">
<table border="1" cellspacing="0">
<caption>个人简历（
<xsl:eval>formatindex(childnumber(this),"i")</xsl:eval>
）</caption>
<xsl:apply-templates select="name"/>
<xsl:apply-templates select="sex"/>
<xsl:apply-templates select="birthday"/>
<tr/>
<td>技能</td><td colspan="5">
<table cellspacing="0">
<xsl:apply-templates select="skill"/>
</table>
</td>
</table>
<br/>
</xsl:template>

<xsl:template match="name"><td>姓名</td>
<td><xsl:value-of/></td>
</xsl:template>

<xsl:template match="sex"><td>性别</td>
<td><xsl:value-of/></td>
</xsl:template>

<xsl:template match="birthday"><td>生日</td>
<td><xsl:value-of/></td>
</xsl:template>

<xsl:template match="skill">
<tr><td><xsl:value-of/></td></tr>
</xsl:template>
</xsl:stylesheet>

上例在浏览器中的样子(ie5.0或更新版本)

　　保存文件，打开文件（个人简历.xml），效果令人满意吧。其实要做到同样的效果，用前面三周介绍的方法也可做，但你得把它作为一整体考虑。

　　在上面的xsl文件中，我们将性别、生日、技能等数据项分别用模板来单独写，再用<xsl:apply-template>来调用，这样，即使你日后要对这些模板作相应的修改与扩充也很方便，不致于出现互相干扰、混杂不清的情况。这种从上至下、逐层细化的设计方法，极大地减少工作复杂程度，也大大减少了差错的产生，可以实现多人的协作设计。

　　注意：如果xml文档中不同标记有同名的子标记，在为其编写模板时，应把父标记作为其前缀，格式为（parent_mark/child_mark）。模板文件必须有一个根模板，其属性match是"/"。[page]

xml技术的优势之一就在于数据输出的可选择性，即选择需要的数据输出。前面我们所讲到的选择模式语句:<xsl:for-each>、<xsl:value-of>及<xsl:apply-template>只是简单的选取通过"/"符号层层到达的节点，如果我们对xml数据不需要全部输出，而只需要其中的满足某条件的部分数据，"萝卜青菜、各取所需"，那么条件判断<xsl:if>与多条件判断<xsl:choose>及<xsl:when>则迎合了这种需要，如果你对程序设计熟悉的话，会觉得它们似曾相识。

　　xsl中的if，首先，介绍xsl元素<xsl:if>的语法结构：

　　语法：

<xsl:if expr="script-expression" language="language-name" test="pattern">

　　属性：

　　expr ── 脚本语言表达式，计算结果为"真"或"假"；如果结果为"真"，且通过test，则在输出中显示其中内容（可省略此项属性）。

　　language ── expr属性中表达式的脚本语言类型，其取值与html标记script的language属性的取值相同，缺省为"jscript"。

　　test ──源数据测试条件。

　　示例：

　　此处以一份报表为例，文件名为report.xml，其内容如下：

<?xml version="1.0" encoding="gb2312"?>
<?xml:stylesheet type="text/xsl" href="report.xsl"?>
<document>

<report>
<class>
甲班
</class>
<q1>50</q1>
<q2>70</q2>
<q3>30</q3>
<q4>10</q4>
</report>

<report>
<class>
乙班
</class>
<q1>20</q1>
<q2>30</q2>
<q3>40</q3>
<q4>50</q4>
</report>

<report>
<class>
丙班
</class>
<q1>70</q1>
<q2>40</q2>
<q3>20</q3>
<q4>10</q4>
</report>

</document>

　　我们采用xsl模板结合今天所学的<xsl:if>，为其编写一个xsl文档，要求季度产量小于等于20的用红色表示，文件名为report.xsl，内容如下：

<?xml version="1.0" encoding="gb2312"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/tr/wd-xsl">

<xsl:template match="/">
<html><head><title>1999年生产统计</title></head>
<body><xsl:apply-templates select="document"/></body>
</html>
</xsl:template>

<xsl:template match="document">
<h3>1999年生产统计</h3>
<table border="1" cellspacing="0">
<th>班组</th>
<th>一季度</th>
<th>二季度</th>
<th>三季度</th>
<th>四季度</th>
<xsl:apply-templates select="report"/>
</table>
</xsl:template>

<xsl:template match="report">
<tr>
<td><xsl:value-of select="class"/></td>
<td><xsl:apply-templates select="q1"/></td>
<td><xsl:apply-templates select="q2"/></td>
<td><xsl:apply-templates select="q3"/></td>
<td><xsl:apply-templates select="q4"/></td>
</tr>
</xsl:template>

<xsl:template match="q1|q2|q3|q4">

<xsl:if test=".[value()$le$20]">
<xsl:attribute name="style">color:red</xsl:attribute>
</xsl:if>
<xsl:value-of/>
</xsl:template>

</xsl:stylesheet>

上例在浏览器中的样子(ie5.0或更新版本)

　　说明：

　　q1|q2|q3|q4 ──　标记q1、q2、q3、q3均用此模板确定输出

　　$le$ ──　是关系运算符中的"小于等于"，其它关系有小于（$lt$）、大于（$gt$）、大于等于（$ge$）、等于（$eq$）、不等于（$ne$）等。

　　. ──　表示引用当前标记。

　　[ ] ──　表示筛选，只有满足筛选条件的标记才能被选取。

　　value() ──xsl函数，其他常用xsl函数有text()、end()、index()等。

　　下期，我们将学习xsl的另外三个元素，可对同一数据进行多次测试，根据不同条件产生相应输出。[page]

上期我们学习了xsl元素<xsl:if>，已能通过测试xml数据的值来决定不同的输出形式，不知你尝试过没有，实际上<xsl:for-each>也可部分实现<xsl:if>的功能，但有时，我们希望对同一数据同时测试多个条件，根据不同条件输出相应结果。当然，我们可以用if，假如我们只有if可用的话。幸好我们有一个更好的选择，那就是用<xsl:choose>。下面介绍相关元素的语法：

　　<xsl:choose>

　　语法：<xsl:choose>

　　属性：无，表示一个多选测试的开始

　　<xsl:when>

　　语法：

<xsl:when expr="script-expression" language="language-name" test="pattern">

　　属性：

　　expr ── 脚本语言表达式，计算结果为"真"或"假"；如果结果为"真"，且通过test，则在输出中显示其中内容（可省略此项属性）。

　　language ── expr属性中表达式的脚本语言类型，其取值与html标记script的language属性的取值相同，缺省为"jscript"。

　　test ── 源数据测试条件。

　　<xsl:otherwise>

　　语法：<xsl:otherwise>

　　属性：无，在一个多选测试中，如果没有不满足<xsl:when>规定的条件，如果在最后有此标记，则输出此标记中的内容。

　　示例：

　　此处以学生成绩单为例，要求按成绩的高低给出优秀（ >85）、一般（70~85）、及格（60~69）、不及格（< 60），而不是显示分数。其中成绩单的xml文档(文件名：grade.xml)如下：

<?xml version="1.0" encoding="gb2312"?>
<?xml:stylesheet type="text/xsl" href="grade.xsl"?>
<document>
<grade>
<name>大胖</name>
<english>80</english>
<math>90</math>
<chymest>90</chymest>
</grade>
<grade>
<name>小花</name>
<english>98</english>
<math>70</math>
<chymest>85</chymest>
</grade>
</document>

　　为实现按分数分等级显示，其xsl文档（文件名：grade.xsl）内容如下：

<?xml version="1.0" encoding="gb2312"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/tr/wd-xsl">
<xsl:template match="/">
<html>
<head><title>成绩单</title></head>
<body>
<xsl:apply-templates select="document"/>
</body>
</html>
</xsl:template>

<xsl:template match="document">
<table border="1" cellspacing="0">
<th>姓名</th><th>英语</th><th>数学</th><th>化学</th>
<xsl:apply-templates select="grade"/>
</table>
</xsl:template>

<xsl:template match="grade">
<tr>
<td><xsl:apply-templates select="name"/></td>
<td><xsl:apply-templates select="english"/></td>
<td><xsl:apply-templates select="math"/></td>
<td><xsl:apply-templates select="chymest"/></td>
</tr>
</xsl:template>

<xsl:template match="name">
<xsl:value-of/>
</xsl:template>

<xsl:template match="english|math|chymest">
<xsl:choose>
<xsl:when test=".[value()$gt$85]">优秀</xsl:when>
<xsl:when test=".[value()$gt$70]">一般</xsl:when>
<xsl:when test=".[value()$gt$60]">起格</xsl:when>
<xsl:otherwise>不起格</xsl:otherwise>
</xsl:choose>
</xsl:template>

</xsl:stylesheet>

上例在浏览器中的样子(ie5.0或更新版本)

　　说明：在<xsl:choose>选择中，从第一个<xsl:when>开始，逐个测试，直到满足一个测试条件就将其中的内容输出，不再测试后面的条件；如果不满足任何一个条件，则输出<xsl:otherwise>中的内容。

　　标记对<xsl:when></xsl:when>与<xsl:otherwise></xsl:otherwise>中可嵌套<xsl:if>或<xsl:choose>。

编辑：黑鹰　[发送给好友] [打印本页] [关闭窗口] [返回顶部]
上一篇：跟我学xsl（二）
下一篇：仿 office 2003 的工具条
转载请注明来源：www.iyit.net
特别声明： 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员，我们尽快予以更正。

		相关文章