Latest web development tutorials

transformasi XSLT

studi kasus: bagaimana menggunakan XSLT untuk mengubah XML menjadi XHTML.

Kami akan rinci dalam bab berikutnya dari contoh ini akan dijelaskan.


gaya yang benar sheet deklarasi

Dokumen dinyatakan sebagai elemen XSL stylesheet root adalah <xsl: stylesheet> atau <xsl: transform>.

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

Sesuai dengan standar XSLT W3C, cara yang benar untuk menyatakan sebuah style sheet 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 XSLT, atribut dan karakteristik, kita harus di atas XSLT dokumen namespace deklarasi.

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


Dari XML dokumen asli awal

Kami sekarang ingin dokumen berikut XML ( "cdcatalog.xml")dikonversi 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 file XML di Firefox dan Internet Explorer: Buka file XML (biasanya dengan mengklik link) - dokumen XML akan kode cara untuk menampilkan elemen root dan elemen anak mewarnai.Klik di sisi kiri dari elemen tanda plus (+) atau minus (-) untuk memperluas atau menyusut elemen struktur. Untuk melihat file sumber XML asli (tanpa plus dan minus tanda-tanda), pilih "View Page Source" atau "View Source" di menu browser Anda.

Memeriksa file XML di Netscape 6: Buka file XML, kemudian klik kanan pada file XML dan pilih "View Page Source."Dokumen XML akan mewarnai kode cara untuk menampilkan elemen root dan elemen anak.

Memeriksa file XML di Opera 7: Buka file XML, kemudian klik kanan pada file XML, pilih "Frame" / "View Source."dokumen XML akan ditampilkan sebagai teks biasa.

Lihat "cdcatalog.xml"


Buat stylesheet XSL

Kemudian membuat stylesheet konversi Template XSL dengan ( "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>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"


XSL style sheet link ke dokumen XML

Dokumen XML ( "cdcatalog.xml") untuk menambah referensi untuk gaya XSL sheet:

<?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 Anda menggunakan browser yang kompatibel dengan XSLT, itu akan baik untuk menempatkan XML Andake XHTML.

Lihat Hasil

Kami akan di bab berikutnya dari contoh di atas untuk menjelaskan rincian.