简单的xslt递归解析xml成 tree

最新推荐文章于 2022-02-11 11:02:42 发布

转载最新推荐文章于 2022-02-11 11:02:42 发布 · 751 阅读

文章标签：

本文介绍了一个具体的XML文件及其对应的XSLT样式表转换案例。通过这个例子，展示了如何使用XSLT来转换XML数据以实现动态网页内容的生成。案例中的XML文件包含了树形结构的人物关系数据，而XSLT则定义了如何将这些数据转换成具有折叠功能的HTML列表。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

tree.xml:
<table>
<person>
   <id>1</id>
   <name>人物</name>
   <parent>0</parent>
</person>
<person>
   <id>2</id>
   <name>武将</name>
   <parent>1</parent>
</person>
<person>
   <id>3</id>
   <name>文臣</name>
   <parent>1</parent>
</person>
<person>
   <id>4</id>
   <name>魏延</name>
   <parent>2</parent>
</person>
<person>
   <id>5</id>
   <name>赵云</name>
   <parent>2</parent>
</person>
<person>
   <id>6</id>
   <name>何平</name>
   <parent>2</parent>
</person>
<person>
   <id>7</id>
   <name>荀域</name>
   <parent>3</parent>
</person>
<person>
   <id>8</id>
   <name>荀攸</name>
   <parent>3</parent>
</person>
<person>
   <id>9</id>
   <name>鲁肃</name>
   <parent>3</parent>
</person>
<person>
   <id>10</id>
   <name>赵统</name>
   <parent>5</parent>
</person>
<person>
   <id>11</id>
   <name>赵广</name>
   <parent>5</parent>
</person>
</table>

-----------------------------------------------------------------------------------

style.xsl:
<?xml version="1.0" encoding="utf-8"?>
<xsl:transform version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
   <html>
    <xsl:apply-templates select="//person[parent=0]"/>
   </html>
</xsl:template>
<xsl:template match="//person">
   <xsl:param name="id" select="id"/>
   <div id="{$id}" onclick="s{$id}.style.display=='none'?s{$id}.style.display='block':s{$id}.style.display='none'">
    <xsl:choose>
     <xsl:when test="count(//person[parent=$id]) > 0">
      <span style="cursor:hand">+</span>
     </xsl:when>
     <xsl:otherwise>-</xsl:otherwise>
    </xsl:choose>
    <xsl:value-of select="name"/>
   </div>
   <div id="s{$id}" style="display:none;margin-left:30px;">
    <xsl:apply-templates select="//person[parent=$id]"/>
   </div>
</xsl:template>
</xsl:transform>