Transformasi XSLT

Studi kasus: Bagaimana menggunakan XSLT untuk mengkonversi XML ke XHTML.

Kami akan menggambarkan detil contoh ini di bagian berikutnya.

Pengumuman stylesheet yang benar

Mengumumkan dokumen sebagai root elemen stylesheet adalah <xsl:stylesheet> atau <xsl:transform>.

Keterangan: <xsl:stylesheet> dan <xsl:transform> adalah sinonim, keduanya dapat digunakan!

Menurut standar XSLT W3C, cara yang benar untuk mengumumkan stylesheet XSL adalah:

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

atau:

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

Untuk mengakses elemen, atribut, dan sifat XSLT, kita harus mengumumkan ruang nama XSLT di puncak dokumen.

xmlns:xsl="http://www.w3.org/1999/XSL/Transform" menunjuk ke ruang nama XSLT resmi W3C. Jika Anda menggunakan ruang nama ini, Anda harus menyertakan atribut version="1.0".

Dari berkas XML asli

Kami sekarang akan mengkonversi berkas XML berikut ini ("cdcatalog.xml") ke 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>

Lihat berkas XML di Internet Explorer dan Firefox:

Buka berkas XML (biasanya melalui klik tautan) - Dokumen XML akan ditampilkan dalam bentuk kode berwarna untuk menunjukkan elemen utama dan elemen anak. Klik tanda plus (+) atau minus (-) di sebelah kiri elemen untuk mengecek struktur elemen. Jika Anda ingin melihat berkas sumber XML asli (tanpa tanda plus dan minus), pilih 'Lihat kode sumber halaman' di menu browser.

Lihat berkas XML di Netscape 6:

Buka berkas XML, kemudian klik kanan di berkas XML, dan pilih "Lihat Sumber Code". Dokumen XML akan ditampilkan dengan kode berwarna untuk menunjukkan elemen akar dan anaknya.

Lihat berkas XML di Opera 7:

Buka berkas XML, kemudian klik kanan di berkas XML, pilih "Frame"/"Lihat Sumber Code". Dokumen XML akan ditampilkan sebagai teks bersih.

Lihat "cdcatalog.xml"。

Buat stylesheet XSL

Lalu buat stylesheet XSL dengan template konversi ("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>Koleksi CD Saya</h2>
    <table border="1">
    <tr bgcolor="#9acd32">
      <th align="left">Judul</th>
      <th align="left">Artis</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>

Lihat "cdcatalog.xsl"

Tautkan stylesheet XSL ke dokumen XML

Tambahkan referensi stylesheet XSL ke dokumen 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。

查看结果。

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