使用xslt将xml解析成xhtml_html-js-css

概述使用xslt进行解析的基本格式是这样的：如 <?xml version="1.0" encoding="GB2312"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:output method='html' version='1.0' encoding='GB2312' indent=…

使用xslt进行解析的基本格式是这样的：如

<?xml version="1.0" enCoding="GB2312"?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/transform">
<xsl:output method='HTML' version='1.0' enCoding='GB2312' indent='yes'/>

<xsl:template match="/">
<HTML>
<body>
//这里可以包含一些xhtml的标签
</body>
</HTML>
</xsl:template>
</xsl:stylesheet>

XSL 指扩展样式表语言（EXtensible Stylesheet Language），xsl是xml的样式表，xsl 包括3部分，分别是：xslt（一种用于转换 XML 文档的语言）、x-path（一种用于在 XML 文档中导航的语言）、xsl-fo（一种用于格式化 XML 文档的语言），可以在http://www.w3cschool.cn/这个网站中找到相关内容的教程。

像前面代码描述的那样，xslt以xml的版本作为开始，用<xsl:style-sheeet ...>...</xsl:style-sheeet>的格式进行转换。由于是初次接触xslt，对它了解并不是很透彻，下面只是罗列一些我在学习和使用它的时候碰到的一些要点；

一、递归以及传参数方法：

以一颗家族树为例子，xml文件是这样的：

<?xml version="1.0" enCoding="ISO-8859-1"?>
<?xml-stylesheet type="text/xsl" href="digui.xsl"?>
<person name="otto" sex="mael" age="60">
　　<person name="Sandra" sex="mael" age="35">
　　<person name="lichao" sex="femael" age="34">
　　 <person name="Zhangsan" sex="mael" age="12"/>
　　</person>
　　<person name="Eric" sex="femael" age="36">
　　 <person name="Hali" sex="mael" age="18"/>
　　</person>
　　<person name="lisi" sex="mael" age="30">
　　 <person name="Heli" sex="mael" age="6"/>
　　 <person name="Andy" sex="femael" age="13"/>
　　</person>
　　</person>
</person>
现在要写一个xslt把家族的关系给表达出来，其实家族的关系就是一颗家族树，所以我们通过输出不同层次的缩进来表达这样的关系，最大的祖宗，然后按辈份分别进行缩进，最小辈份的排在最后面，缩进最多，这样一颗树的层次就出来了；下面是xsl文件的代码：

<?xml version="1.0" enCoding="GB2312"?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/transform">
<xsl:output method='HTML' version='1.0' enCoding='GB2312' indent='yes'/>

<xsl:template match="/">
<HTML>
<body>
<xsl:apply-templates select="person">
<xsl:with-param name="level" select="'0'"/>
</xsl:apply-templates>
</body>
</HTML>
</xsl:template>

<xsl:template match="person">
<xsl:param name="level"/>
name:<xsl:value-of select="@name"/>,sex:<xsl:value-of select="@sex"/>,age:<xsl:value-of select="@age"/>
<xsl:apply-templates select="person">
<xsl:with-param name="level" select="$level + 2"/>
</xsl:apply-templates>
</xsl:template>
</xsl:stylesheet>
在这里我们先在模板中定义了一个叫level的参数，用<xsl:param name="level"/>这样的语法，然后在主template（<xsl:template match="/">...</xsl:template>）添加模板的时候给参数赋值，

<xsl:apply-templates select="person"> <xsl:with-param name="level" select="'0'"/> </xsl:apply-templates>，参数level的值一开始赋值为“0”，而我们用参数level的值（$level）来作缩进的值，如text-indent:{$level}em,所以渲染xml内容的时候，第一层没有缩进，渲染完第一层后，我们通过

<xsl:apply-templates select="person">
<xsl:with-param name="level" select="$level + 2"/>
</xsl:apply-templates>

这样的方法将参数level的值进行了累加从而实现了递归，这样每渲染一层，参数值就加上2，从而实现了不同层次的缩进来实现家族树的结构；这里还要说一下，我们通过@+属性如@name来取节点属性的值。

二、用参数实现隔行换色：

还是引用上面的例子，以及参数level，我们在递归的时候给参数+1（奇数）而不是+2 （偶数），通过（.. test="$level mod 2 = 0"）或（.. test="$level mod 2 = 1"）就可以实现选取奇数行还是偶数行，我们用<xsl:choose> <xsl:when test="$level mod 2 = 0">...</xsl:when> <xsl:otherwise>...</xsl:otherwise> </xsl:choose>给奇数行和偶数行不同的background-color，从而实现了隔行换色的效果，具体代码如下：

<?xml version="1.0" enCoding="GB2312"?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/transform">
<xsl:output method='HTML' version='1.0' enCoding='GB2312' indent='yes'/>

<xsl:template match="/">
<HTML>
<body>
<xsl:apply-templates select="person">
<xsl:with-param name="level" select="'0'"/>
</xsl:apply-templates>
</body>
</HTML>
</xsl:template>

<xsl:template match="person">
<xsl:param name="level"/>
<xsl:choose>
<xsl:when test="$level mod 2 = 0">
name:<xsl:value-of select="@name"/>,age:<xsl:value-of select="@age"/>
</xsl:when>
<xsl:otherwise>
name:<xsl:value-of select="@name"/>,age:<xsl:value-of select="@age"/>
</xsl:otherwise>
<xsl:apply-templates select="person">
<xsl:with-param name="level" select="$level + 1"/>
</xsl:apply-templates>
</xsl:template>
</xsl:stylesheet>

总结