Penukaran XSLT

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

Kami akan menggambarkan detil contoh ini di bab berikutnya.

Pengumuman laporan gaya yang betul

Deklarasikan dokumen sebagai root elemen laporan gaya XSL adalah <xsl:stylesheet> atau <xsl:transform>.

Komen: <xsl:stylesheet> dan <xsl:transform> adalah sinonim sepenuhnya, 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, atribut dan sifat XSLT, kita mesti mengumumkan ruang nama XSLT di atas dokumen.

xmlns:xsl="http://www.w3.org/1999/XSL/Transform" menunjuk ke ruang nama W3C XSLT rasmi. Jika anda gunakan ruang nama ini, anda mesti termasuk atribut version="1.0".

Mulai daripada dokumen XML asal

Kini kami akan mengubah dokumen XML di bawah 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 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 minus di sebelah kiri elemen untuk mengembangkan atau mengecilkan struktur elemen. Jika anda mahu lihat sumber asal fail XML (tanpa tanda tambah dan minus), pilih 'Lihat Kode Sumber Laman' di menu pelayar.

Lihat fail XML di Netscape 6:

Buka fail XML, kemudian klik kanan di dalam fail XML dan pilih "Lihat Kod Laman". Dokumen XML akan dipaparkan dalam bentuk kod berwarna untuk elemen root dan anaknya.

Lihat fail XML di Opera 7:

Buka fail XML, kemudian klik kanan di dalam fail XML dan pilih "Paparan"/"Lihat Kod Sumber". Dokumen XML akan dipaparkan sebagai teks asli.

Lihat "cdcatalog.xml"。

Buat gaya XSL

Lalu buat gaya XSL dengan template 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"

Laman gaya XSL ke dokumen XML

Tambah pautan gaya 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。

查看结果。

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