XSLT pag-transformation

Pagsusuri ng Kaso: Paano gamitin ang XSLT upang i-transform ang XML sa XHTML.

Magiging pagkakaintindihan namin sa susunod na seksyon ang detalye ng halimbawa na ito.

Tamang deklarasyon ng stylesheet

Ang tamang root element ng XSL stylesheet ay ang <xsl:stylesheet> o <xsl:transform>.

Komento: <xsl:stylesheet> at <xsl:transform> ay ganap na magkakapareho, maaaring gamitin ang alinman!

Ayon sa W3C XSLT standard, ang tamang paraan para ipahayag ang XSL stylesheet ay sa pamamagitan ng:

<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 makapasok sa mga elemento, attribute at katangian ng XSLT, dapat namin ipaalam ang XSLT naming space sa itaas ng dokumento.

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

Simula mula sa isang orihinal na XML dokumento

Ngayon, kailangan nating i-convert ang sumusunod na XML dokumento ("cdcatalog.xml") sa 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>

Tingnan ang XML file sa Internet Explorer at Firefox:

Buksan ang XML file (karaniwang sa pamamagitan ng pag-click ng isang link) - Ang XML dokumento ay magpapakita bilang colorized code na nagpapakita ng root element at mga anak na element. I-click ang plus o minus sa kalye ng elemento para itong buksan o isuklian ang straktura. Kung gusto tingnan ang orihinal na XML source file (hindi may plus at minus), piliin ang "View Page Source" mula sa browser menu.

Tingnan ang XML file sa Netscape 6:

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

Tingnan ang XML file sa Opera 7:

Buksan ang XML file, at pagkatapos, i-right-click sa XML file, piliin ang "Frame"/"View Source". Ang XML dokumento ay magpapakita bilang plain text.

Tingnan ang "cdcatalog.xml".

Lumikha ng XSL style sheet

Pagkatapos, lumikha ng isang XSL style sheet na may template ng 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>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>

Tingnan ang "cdcatalog.xsl"

I-link ang XSL style sheet sa XML dokumento

Magdagdag ng paglapak ng XSL style sheet sa XML dokumento ("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>

Kung ang iyong browser ay kompatable sa XSLT, magiging maayos na itong magbabago ng iyong XML Convert To XHTML.

View Results.

Magiging pagkakatuturo namin sa susunod na section ang detalye ng mga halimbawa sa itaas.