最新的Web开发教程
 

XSLT - 转型


实例研究:如何使用XSLT将XML转换为XHTML?

这个例子的细节将在下一章来解释。


正确的样式表声明

声明该文档的根元素是XSL样式表是<xsl:stylesheet><xsl:transform>

Note: <xsl:stylesheet><xsl:transform>是完全同义的,并且可以使用任一种!

根据W3C推荐XSLT是正确的方式来声明XSL样式表:

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

要么:

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

要访问的XSLT元素,属性和功能,我们必须在文档的顶部声明XSLT命名空间。

该的xmlns:XSL = “http://www.w3.org/1999/XSL/Transform” 点到官方W3C XSLT命名空间。 如果您使用此命名空间,还必须包含属性version =“1.0”。


开始用原始的XML文档

我们要transform下面的XML文档("cdcatalog.xml")到XHTML:

<?xml version="1.0" encoding="UTF-8"?>
<catalog>
  <cd>
    <title>Empire Burlesque</title>
    <artist>Bob Dylan</artist>
    <country>USA</country>
    <company>Columbia</company>
    <price>10.90</price>
    <year>1985</year>
  </cd>
.
.
</catalog>

Viewing XML Files in IE, Chrome, Firefox, Safari, and Opera:打开XML文件(点击以下链接) - XML文档将用颜色编码的根和子元素来显示(except in Safari) 通常,有一个加(+)或负号(-)的是可点击的展开或折叠的元件结构中的元素的左侧。 提示:要查看原始的XML源,右击XML文件,选择“查看源文件”!

查看"cdcatalog.xml"


创建一个XSL样式表

然后创建一个XSL样式表("cdcatalog.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 CD Collection</h2>
  <table border="1">
    <tr bgcolor="#9acd32">
      <th>Title</th>
      <th>Artist</th>
    </tr>
    <xsl:for-each select="catalog/cd">
    <tr>
      <td><xsl:value-of select="title"/></td>
      <td><xsl:value-of select="artist"/></td>
    </tr>
    </xsl:for-each>
  </table>
  </body>
  </html>
</xsl:template>

</xsl:stylesheet>

查看"cdcatalog.xsl"


链接XSL样式表到XML文档中

XSL样式表引用添加到您的XML文档("cdcatalog.xml")

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="cdcatalog.xsl"?>
<catalog>
  <cd>
    <title>Empire Burlesque</title>
    <artist>Bob Dylan</artist>
    <country>USA</country>
    <company>Columbia</company>
    <price>10.90</price>
    <year>1985</year>
  </cd>
.
.
</catalog>

如果你有一个支持XSLT的浏览器,它会很好地transform您的XML转换为XHTML。

查看结果

这个例子的细节上面将在接下来的章节中解释。