2013年5月10日 星期五

XSLT - eXtensible Stylesheet Language Transformations

1. Description:
Here we demonstrate a simple data.xml, and a showing transformation file of the xslt, then you can using browser to open the data.xml, browser will transform XML into HTML, before it is displayed by a browser.


2.  Code of data.xml
---------------------------------------------------
<?xml version="1.0" encoding="ISO-8859-1"?>
<!-- Edited by XMLSpy® -->
<?xml-stylesheet type="text/xsl" href="data_xslt_test.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>
      <cd>
                 <title>Hide your heart</title>
                  <artist>Bonnie Tyler</artist>
                   <country>UK</country>
                    <company>CBS Records</company>
                    <price>9.90</price>
                    <year>1988</year>
      </cd>
</catalog>
---------------------------------------------------
 Be carefully, this data.xml will refereence the style sheet of href="data_xslt_test.xsl"

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

file of  xslt of data_xslt_test.xsl
 <?xml version="1.0" encoding="ISO-8859-1"?>
<!-- Edited by XMLSpy® -->
<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>


3.  Open the data.xml with firefox
firefox data.xml


Reference:












沒有留言:

張貼留言