Penukaran XSLT

Kajian kas: Bagaimana menggunakan XSLT untuk mengubah XML kepada XHTML.

Kami akan menggambarkan detil contoh ini di bab berikutnya.

Pengumuman laporan gaya yang betul

Mengumumkan dokumen sebagai elemen utama laporan gaya XSL adalah <xsl:stylesheet> atau <xsl:transform>.

Keterangan: <xsl:stylesheet> dan <xsl:transform> adalah yang sama, keduanya boleh digunakan!

Menurut piawaian XSLT W3C, cara yang betul untuk mengumumkan laporan gaya 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, sifat dan khasiat XSLT, kita mesti mengumumkan ruang namakan XSLT di atas dokumen.

xmlns:xsl="http://www.w3.org/1999/XSL/Transform" menuju ruang namakan W3C XSLT rasmi. Jika anda menggunakan ruang namakan ini, anda mesti termasuk sifat version="1.0".

Bermula daripada dokumen XML asal

Kini kami akan mengubah dokumen XML ini ("cdcatalog.xml") kepada 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 fail XML di Internet Explorer dan Firefox:

Buka fail XML (biasanya melalui klik beberapa pautan) - Dokumen XML akan dipaparkan dalam bentuk kod berwarna untuk elemen utama dan anaknya. Klik tanda tambah atau kurang di sebelah kiri elemen untuk mengembangkan atau mengecilkan struktur elemen. Jika anda ingin melihat sumber XML asal (tanpa tanda tambah dan kurang), pilih "lihat kod halaman sumber" di menu pelayar.

Lihat fail XML di Netscape 6:

Buka fail XML, kemudian klik kanan di dalam fail XML, dan pilih "lihat kod halaman sumber". Dokumen XML akan dipaparkan dalam bentuk kod berwarna untuk elemen utama dan anaknya.

Lihat fail XML di Opera 7:

Buka fail XML, kemudian klik kanan di dalam fail XML, pilih "frame"/"lihat kod sumber". Dokumen XML akan dipaparkan sebagai teks asli.

Lihat"cdcatalog.xml".

Buat laporan gaya XSL

Lalu buat laporan gaya XSL yang mempunyai tempat transformasi ("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"

Pautan laporan gaya XSL kepada dokumen XML

Tambah pautan laporan XSL kepada 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 dengan mudah mengonversi XML Anda Convert To XHTML.

Lihat Hasil.

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