XSLT教程

XSLT 转换
2007-3-30

XSLT 浏览器 <xsl:template>

Example study: How to transform XML into XHTML using XSLT.
实例学习：如何通过XSLT把XML转换成XHTML。

The details of this example will be explained in the next chapter.
此实例的详细情况将在下一章中作详细说明。

Correct Style Sheet Declaration
正确的样式表声明

The root element that declares the document to be an XSL style sheet is <xsl:stylesheet> or <xsl:transform>.
将文件以XSL样式表进行声明的根元素（root element）是<xsl:stylesheet> 或<xsl:transform>。

Note: <xsl:stylesheet> and <xsl:transform> are completely synonymous and either can be used!
注意: <xsl:stylesheet> 和<xsl:transform>是完全同义的，任何一个都能被使用。

The correct way to declare an XSL style sheet according to the W3C XSLT Recommendation is:
声明根据W3C XSLT参考标准的XSL样式表的正确的途径是：

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

or:
或:

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

To get access to the XSLT elements, attributes and features we must declare the XSLT namespace at the top of the document.
想要有权使用XSLT元素，我们必须在文件的顶端事先声明XSLT命名空间的属性和特征。

The xmlns:xsl="http://www.w3.org/1999/XSL/Transform" points to the official W3C XSLT namespace. If you use this namespace, you must also include the attribute version="1.0".
xmlns:xsl="http://www.w3.org/1999/XSL/Transform指出了官方W3C XSLT的命名空间（namespace）。如果你使用了这个命名空间，你也必须注明属性版本（version）=1.0。

 

Start with a Raw XML Document
以XML源文件开始

We want to transform the following XML document ("cdcatalog.xml") into XHTML:
让我们把下面的XML文件("cdcatalog.xml")转换成XHTML吧。

<?xml version="1.0" encoding="ISO-8859-1"?>

<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 Firefox and Internet Explorer: Open the XML file (typically by clicking on a link) - The XML document will be displayed with color-coded root and child elements. A plus (+) or minus sign (-) to the left of the elements can be clicked to expand or collapse the element structure. To view the raw XML source (without the + and - signs), select "View Page Source" or "View Source" from the browser menu.
在火狐和IE浏览器中查看XML文件的方法： 打开XML文件（通过链接）-XML文件将会显示含有颜色代码的根元素和子元素。单击左边元素的“+”和“-”，展开或者缩回元素列表。查看XML源文件的源代码（没有加号和减号），在浏览器菜单里选择“查看页面源代码（View Page Source）”或者“查看源代码（View Source）”。

Viewing XML Files in Netscape 6: Open the XML file, then right-click in XML file and select "View Page Source". The XML document will then be displayed with color-coded root and child elements.
在Netscape 6中查看XML文件的方法：打开XML文件，在XML文件里右键单击选择“查看页面源代码（View Page Source）”。XML文件将会通过标有颜色代码的根元素和子元素来显示。

Viewing XML Files in Opera 7: Open the XML file, then right-click in XML file and select "Frame" / "View Source". The XML document will be displayed as plain text.
在Opera 7中查看XML文件的方法： 打开XML文件，在XML文件里右键单击选择“框架/查看源代码（"Frame" / "View Source"）”。XML文件将会通过纯文本显示。

View "cdcatalog.xml"
查看 "cdcatalog.xml"

Create an XSL Style Sheet
创建一个XSL样式表

Then you create an XSL Style Sheet ("cdcatalog.xsl") with a transformation template:
你通过一个转换模板创建了一个XSL样式表（"cdcatalog.xsl"）。 

<?xml version="1.0" encoding="ISO-8859-1"?>
<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 align="left">Title</th>

      <th align="left">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>

 

View "cdcatalog.xsl"
查看"cdcatalog.xsl"

Link the XSL Style Sheet to the XML Document
将XSL样式表连接到XML文档中

Add the XSL style sheet reference to your XML document ("cdcatalog.xml"):
把XSL样式表参数添加到XML文件"cdcatalog.xml")：

<?xml version="1.0" encoding="ISO-8859-1"?>
<?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>

If you have an XSLT compliant browser it will nicely transform your XML into XHTML.
如果你有了一个合适的浏览器，它将会准确地帮你把XML文件转换成XHTML。

View the result
查看结果

The details of the example above will be explained in the next chapters.
以上实例的细节部分将会在下一章中作详细说明。

 

XSLT 浏览器 <xsl:template>