简体   繁体   English

如何将XML属性转换为HTML表

[英]How to transform XML attributes to an HTML table

Here is an excerpt from an xsl document (inside a template technically): 这是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>

Is there some way that I can avoid the redundancy of writing out the attributes both as table headers and as the attribute selection? 有什么方法可以避免将属性写为表头和属性选择时的冗余吗? I cannot use external sources. 我无法使用外部来源。

I was thinking I could define some xsl variable that contains a basic structure, as follows and generate the table from there. 我当时想我可以定义一些包含基本结构的xsl变量,如下所示,然后从那里生成表。

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

The XML data is just a bunch of tags, of the same value that contain at least the above listed attributes. XML数据只是一堆标签,它们的值相同,至少包含上面列出的属性。 Each tag looks something like this: 每个标签如下所示:

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

To illustrate the point I made in a comment to your question, consider the following example: 为了说明我在对您的问题的评论中提出的观点,请考虑以下示例:

XML 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 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>

Result (rendered) 结果(渲染)

在此处输入图片说明

Bryant, you need to work with two files (XML and XSL): Bryant,您需要使用两个文件(XML和XSL):

First, you need to specify a template (example.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>

And then you need to define your XML file (example.xml), based on the template (example.xsl): 然后,您需要基于模板(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>

Result: 结果:

在此处输入图片说明

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

Hope this helps! 希望这可以帮助!

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM