tutorial pengembangan web terbaru
 

XSLT - Transformasi


Penelitian Contoh: Bagaimana mengubah XML menjadi XHTML menggunakan XSLT?

Rincian contoh ini akan dijelaskan dalam bab berikutnya.


Style yang benar Deklarasi Lembar

Elemen root yang menyatakan dokumen yang menjadi style sheet XSL adalah <xsl:stylesheet> atau <xsl:transform> .

Note: <xsl:stylesheet> dan <xsl:transform> benar-benar identik dan baik dapat digunakan!

Cara yang benar untuk menyatakan sebuah style sheet XSL sesuai dengan Rekomendasi W3C XSLT 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 mendapatkan akses ke XSLT elemen, atribut dan fitur kita harus mendeklarasikan XSLT namespace di bagian atas dokumen.

Xmlns: xsl = "http://www.w3.org/1999/XSL/Transform" poin resmi W3C XSLT namespace. Jika Anda menggunakan namespace ini, Anda juga harus menyertakan versi atribut = "1.0".


Mulailah dengan Dokumen Raw XML

Kami ingin transform dokumen XML berikut ("cdcatalog.xml") ke XHTML:

<?xml version="1.0" encoding="UTF-8"?>
<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>

Viewing XML Files in IE, Chrome, Firefox, Safari, and Opera: Buka file XML (klik pada link di bawah ini) - Dokumen XML akan ditampilkan dengan akar kode warna dan elemen anak (except in Safari) . Seringkali, ada plus (+) atau tanda minus (-) di sebelah kiri elemen yang bisa diklik untuk membuka atau menutup struktur elemen. Tip: Untuk melihat sumber XML mentah, klik kanan pada file XML dan pilih "View Source"!

Lihat "cdcatalog.xml"


Buat XSL Style Sheet

Maka Anda membuat XSL Style Sheet ("cdcatalog.xsl") dengan template transformasi:

<?xml version="1.0" encoding="UTF-8"?>

<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>Title</th>
      <th>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"


Menghubungkan XSL Style Sheet ke Dokumen XML

Tambahkan gaya XSL referensi sheet ke dokumen Anda XML ("cdcatalog.xml") :

<?xml version="1.0" encoding="UTF-8"?>
<?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 Anda memiliki browser compliant XSLT itu baik akan transform XML Anda ke XHTML.

Lihat hasilnya

Rincian contoh di atas akan dijelaskan pada bab-bab berikutnya.