【问题标题】:How to transform XML attributes to an HTML table如何将 XML 属性转换为 HTML 表
【发布时间】:2016-08-24 23:26:28
【问题描述】:

这是一个 xsl 文档的摘录(在技术上是在模板内):

<table>
  <tr>
  <th>INSTANCE</th>
  <th>SWVER</th>
  <th>SYSTEMID</th>
  <th>SYSTIME</th>
  <th>SYSMEM</th>
  <th>CUTMEM</th>
  <th>FILEMEM</th>
  <th>CALCONFIG</th>
  </tr>
  <tr>
  <td><xsl:value-of select='@INSTANCE'/></td>
  <td><xsl:value-of select='@SWVER'/></td>
  <td><xsl:value-of select='@SYSTEMID'/></td>
  <td><xsl:value-of select='@SYSTIME'/></td>
  <td><xsl:value-of select='@SYSMEM'/></td>
  <td><xsl:value-of select='@CUTMEM'/></td>
  <td><xsl:value-of select='@FILEMEM'/></td>
  <td><xsl:value-of select="@CALCONFIG"/></td>
  </tr>
</table>

有什么方法可以避免将属性写出作为表头和属性选择的冗余?我不能使用外部资源。

我在想我可以定义一些包含基本结构的 xsl 变量,如下所示并从那里生成表。

<list>
  <item>INSTANCE</item>
  ...
  <item>CALCONFIG</item>
</list>

XML 数据只是一堆标签,它们的值相同,至少包含上面列出的属性。每个标签看起来像这样:

<THING INSTANCE="boop" SWVER="foo" SYSTEMID="123" 
...
CALCONFIG="cal.cfg" SOMETHINGELSE="bar"
/>

【问题讨论】:

  • 您需要显示输入 XML 和完整的样式表。
  • 完成。有什么想法吗?
  • 恕我直言,替代方案最终会比你所拥有的更冗长且可读性更低 - exp。如果您使用的是 XSLT 1.0。
  • @michael.hor257k 如果有某种替代方案,我仍然会很感兴趣。谢谢!
  • 您的处理器支持哪个版本的 XSLT?

标签: html xslt


【解决方案1】:

为了说明我在对您的问题的评论中提出的观点,请考虑以下示例:

XML

<root>
    <item color="red" name="alpha" size="small" garbage="123" id="1"/>
    <item color="green" name="bravo" size="medium" garbage="456" id="2"/>
    <item color="blue" name="charlie" size="large" garbage="789" id="3"/>
</root>

XSLT 1.0

<xsl:stylesheet version="1.0" 
xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
xmlns:my="http://www.example.com/my"
exclude-result-prefixes="my">
<xsl:output method="html" encoding="utf-8"/>
<xsl:strip-space elements="*"/>

<my:columns>
    <col>id</col>
    <col>name</col>
    <col>size</col>
    <col>color</col>
</my:columns>
<xsl:variable name="columns" select="document('')/xsl:stylesheet/my:columns" />

<xsl:template match="/root">
    <table border="1">
        <tr>
            <xsl:for-each select="$columns/col">
                <th>
                    <xsl:value-of select="." />
                </th>
            </xsl:for-each>
        </tr>
        <xsl:for-each select="item">
            <xsl:variable name="attributes" select="@*" />
            <tr>
                <xsl:for-each select="$columns/col">
                    <td>
                        <xsl:value-of select="$attributes[name()=current()]" />
                    </td>
                </xsl:for-each>
            </tr>
        </xsl:for-each> 
    </table>
</xsl:template>

</xsl:stylesheet>

结果(渲染)

【讨论】:

  • 谢谢迈克尔,这正是我一直在寻找的,尽管它的可读性较差,但它可能会为我节省一些时间。
  • 一个问题,这条线是做什么的? exclude-result-prefixes="my" 我也很好奇为什么命名空间使这项工作。你有什么可以指点我的,或者只是在这里解释一下?
  • 它防止命​​名空间声明xmlns:my="http://www.example.com/my"出现在输出中。无论如何,任何现代浏览器都会忽略它,所以这只是一个良好实践的问题。 -- 命名空间是必需的,因为没有它columns 将被解释为literal result element 并导致错误,因为文字结果元素不能在模板之外。
  • 谢谢,不过还有一个问题!这条线是如何工作的:&lt;xsl:value-of select="$attributes[name()=current()]" 我知道attributes 包含当前正在评估的item 的所有属性,我们基本上是在查找与当前列匹配的属性......但除非我缺少某些东西 name() 评估为 colcurrent() 评估为列名之一。如果列名是一个属性,这条线将如何变化?例如&lt;col name="id"/&gt; 而不是 &lt;col&gt;id&lt;/col&gt; 谢谢!
  • 指令从$attributes中选择名称等于当前节点的字符串值的属性。当前节点是来自$columnscol 的当前实例。如果列名是一个属性,你必须说&lt;xsl:value-of select="$attributes[name()=current()/@name()]。请参阅:w3.org/TR/xpath/#predicates 和:w3.org/TR/xslt/#misc-func
【解决方案2】:

Bryant,您需要处理两个文件(XML 和 XSL):

首先,你需要指定一个模板(example.xsl):

<?xml version="1.0" encoding="UTF-8"?>

<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:template match="/">
  <html>
  <body>
  <h2>My Collection</h2>
  <table border="1">
    <tr bgcolor="#9acd32">
      <th>instance</th>
      <th>swver</th>
      <th>systemid</th>
      <th>systime</th>
      <th>sysmem</th>
      <th>cutmem</th>
      <th>filemem</th>
      <th>calconfig</th>
    </tr>
    <xsl:for-each select="catalog/cd">
    <tr>
      <td><xsl:value-of select="instance"/></td>
      <td><xsl:value-of select="swver"/></td>
      <td><xsl:value-of select="systemid"/></td>
      <td><xsl:value-of select="systime"/></td>
      <td><xsl:value-of select="sysmem"/></td>
      <td><xsl:value-of select="cutmem"/></td>
      <td><xsl:value-of select="filemem"/></td>
      <td><xsl:value-of select="calconfig"/></td>
    </tr>
    </xsl:for-each>
  </table>
  </body>
  </html>
</xsl:template>

</xsl:stylesheet>

然后你需要根据模板(example.xsl)定义你的XML文件(example.xml):

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="example.xsl"?>
<catalog>
  <cd>
    <instance>instance1</instance>
    <swver>swver1</swver>
    <systemid>systemid1</systemid>
    <sysmem>sysmem1</sysmem>
    <systime>systime1</systime>
    <cutmem>cutmem1</cutmem>
    <filemem>filemem1</filemem>
    <calconfig>calconfig1</calconfig>

  </cd>
  <cd>
    <instance>instance2</instance>
    <swver>swver2</swver>
    <systemid>systemid2</systemid>
    <sysmem>sysmem2</sysmem>
    <systime>systime2</systime>
    <cutmem>cutmem2</cutmem>
    <filemem>filemem2</filemem>
    <calconfig>calconfig2</calconfig>

  </cd>
.
.
</catalog>

结果:

参考: http://www.w3schools.com/xsl/xsl_transformation.asp

希望这会有所帮助!

【讨论】:

  • 您没有回答问题,只是将 OP 已经说过他已经完成的内容归还了。请仔细阅读问题。
猜你喜欢
  • 2013-02-17
  • 1970-01-01
  • 2021-10-26
  • 1970-01-01
  • 2017-12-25
  • 1970-01-01
  • 2012-08-16
  • 2017-06-17
  • 1970-01-01
相关资源
最近更新 更多