XSLT na pagbabagong hugis

Pagsusuri ng Halimbawa: Paano gamitin ang XSLT upang i-convert ang XML sa XHTML.

Ipagpaliwanag namin sa susunod na seksyon ang mga detalye ng halimbawa na ito.

Tamang deklarasyon ng stylesheet

Isalita ang dokumento bilang root na element ng XSL na stylesheet sa pamamagitan ng <xsl:stylesheet> o <xsl:transform>.

Komento: <xsl:stylesheet> at <xsl:transform> ay ganap na katumbas, maaaring gamitin ang parehong dalawa!

Ayon sa standard ng W3C XSLT, ang tamang paraan ng pag-deklara ng XSL na stylesheet ay:

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

O:

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

Upang ma-access ang mga element, attribute at mga katangian ng XSLT, kailangan nating isalita ang namespace ng XSLT sa itaas ng dokumento.

xmlns:xsl="http://www.w3.org/1999/XSL/Transform" ay iniluklok sa opisyal na W3C XSLT na namespace. Kung gamit mo ang namespace na ito, dapat kang kasama ang attribute version="1.0".

Simula mula sa isang orihinal na XML na dokumento

Kami ay gagawing XHTML ang sumusunod na XML na dokumento ("cdcatalog.xml"):

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

Tingnan ang XML na file sa Internet Explorer at Firefox:

Buksan ang XML na file (kadalasan sa pamamagitan ng pag-click ng isang link) - Ang XML na dokumento ay magpapakita ng mga root at mga anak na element sa paraan ng kulay na code. I-click ang plus o minus sa kanan ng element upang buksan o isukli ang straktura ng element. Kung gusto mong tingnan ang orihinal na XML na source file (walang plus at minus), piliin ang "View Page Source" sa menu ng browser.

Tingnan ang XML na file sa Netscape 6:

Buksan ang file na XML, at pagkatapos, i-right click sa file na XML at piliin ang "View Page Source". Ang dokumentong XML ay magpapakita bilang colored code na nagpapakita ng mga root at mga sub-element.

Tingnan ang file na XML sa Opera 7:

Buksan ang file na XML, at pagkatapos, i-right click sa file na XML at piliin ang "View Source". Ang dokumentong XML ay magpapakita bilang teksto lamang.

Tingnan ang "cdcatalog.xml"。

Lumikha ng istilo ng XSL

Pagkatapos, lumikha ng isang istilo ng XSL na may template na pagbabagong hugis ("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>Ang Aking Collection ng CD</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>

Tingnan ang "cdcatalog.xsl"

Ilink ang istilo ng XSL sa dokumentong XML

Magdagdag ng istilo ng XSL sa dokumentong 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>

如果您使用的浏览器兼容 XSLT，它会很顺利地把您的 XML 转换为 XHTML。

查看结果。

我们会在下一节对上面的例子中的细节进行解释。