国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > web前端 > htmlcss > 使用xslt将xml解析成xhtml

使用xslt将xml解析成xhtml

来源:程序员人生   发布时间:2014-02-10 09:43:05 阅读次数:2496次

使用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"/>
<p style="text-indent:{$level}em">name:<xsl:value-of select="@name"/>,sex:<xsl:value-of select="@sex"/>,age:<xsl:value-of select="@age"/></p>
<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">
<p style="text-indent:{$level}em;background-color:#DDD">name:<xsl:value-of select="@name"/>,sex:<xsl:value-of select="@sex"/>,age:<xsl:value-of select="@age"/></p>
</xsl:when>
<xsl:otherwise>
<p style="text-indent:{$level}em;background-color:#EEE">name:<xsl:value-of select="@name"/>,sex:<xsl:value-of select="@sex"/>,age:<xsl:value-of select="@age"/></p>
</xsl:otherwise>
<xsl:apply-templates select="person">
<xsl:with-param name="level" select="$level + 1"/>
</xsl:apply-templates>
</xsl:template>
</xsl:stylesheet>

生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
关闭
程序员人生