Transformasi XSLT

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

Kami akan menjelaskan detil contoh ini di bagian berikutnya.

Pengumuman style sheet yang benar

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

Keterangan: <xsl:stylesheet> dan <xsl:transform> sama artinya, keduanya dapat digunakan!

Menurut standar XSLT W3C, cara yang benar untuk menyatakan style sheet 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 atas dokumen.

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

Dari sebuah dokumen 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 dengan kode berwarna untuk menunjukkan elemen utama dan anaknya. Klik tanda plus atau minus di sebelah kiri elemen untuk mengecek struktur elemen. Untuk melihat sumber XML asli (tanpa tanda plus dan minus), pilih "Lihat Sumber Code Halaman" di menu browser.

Lihat berkas XML di Netscape 6:

Buka berkas XML, kemudian klik kanan di berkas XML, pilih "Lihat Sumber Code Halaman". Dokumen XML akan ditampilkan dengan kode berwarna untuk menunjukkan elemen utama 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>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>

Lihat "cdcatalog.xsl"

Hubungkan stylesheet XSL ke dokumen XML

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

Jika peramban yang Anda gunakan kompatibel dengan XSLT, dia akan berjalan dengan lancar mengkonversi XML Anda Ubah Ke XHTML.

Lihat Hasil.

Kami akan menjelaskan detil di bab berikutnya yang ada di contoh di atas.