Membuat stylesheet XSLT dasar

XSLT (eXtensible Stylesheet Language Transformations) adalah bahasa untuk mentransformasi dokumen XML menjadi format lain, seperti HTML, teks, atau XML lainnya. Dalam tutorial ini, kita akan membahas cara membuat stylesheet XSLT dasar.

Apa itu XSLT?

XSLT adalah bagian dari standar XML dan digunakan untuk mendefinisikan cara memformat dan mentransformasi dokumen XML. Dengan XSLT, Anda bisa memilih elemen tertentu dari XML dan mengubahnya menjadi format yang diinginkan.

Langkah-langkah Membuat Stylesheet XSLT

1. Menyiapkan File XML

Mari kita mulai dengan file XML sederhana. Buatlah file bernama data.xml dengan isi sebagai berikut:

<?xml version="1.0" encoding="UTF-8"?>
<produk>
    <item>
        <nama>Produk A</nama>
        <harga>10000</harga>
    </item>
    <item>
        <nama>Produk B</nama>
        <harga>20000</harga>
    </item>
    <item>
        <nama>Produk C</nama>
        <harga>30000</harga>
    </item>
</produk>

2. Membuat Stylesheet XSLT

Buatlah file baru bernama stylesheet.xsl dengan isi sebagai berikut:

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

    <xsl:template match="/produk">
        <html>
            <head>
                <title>Daftar Produk</title>
            </head>
            <body>
                <h1>Daftar Produk</h1>
                <table border="1">
                    <tr>
                        <th>Nama Produk</th>
                        <th>Harga</th>
                    </tr>
                    <xsl:apply-templates select="item"/>
                </table>
            </body>
        </html>
    </xsl:template>

    <xsl:template match="item">
        <tr>
            <td><xsl:value-of select="nama"/></td>
            <td><xsl:value-of select="harga"/></td>
        </tr>
    </xsl:template>

</xsl:stylesheet>

3. Menggunakan XSLT untuk Transformasi

Untuk mentransformasi dokumen XML dengan stylesheet XSLT yang telah dibuat, Anda bisa menggunakan berbagai alat, seperti XSLT procesor yang tersedia secara online atau aplikasi desktop.

Berikut adalah langkah-langkah umum yang dapat diikuti jika menggunakan alat berbasis web:

  1. Buka alat transformasi XSLT di browser Anda.
  2. Masukkan isi file data.xml pada bagian input XML.
  3. Masukkan isi file stylesheet.xsl pada bagian input XSLT.
  4. Klik tombol untuk mentransformasi dan tampilkan hasilnya.

4. Hasil Transformasi

Setelah transformasi selesai, Anda akan mendapatkan hasil yang terlihat seperti tabel HTML berikut:

<html>
    <head>
        <title>Daftar Produk</title>
    </head>
    <body>
        <h1>Daftar Produk</h1>
        <table border="1">
            <tr>
                <th>Nama Produk</th>
                <th>Harga</th>
            </tr>
            <tr>
                <td>Produk A</td>
                <td>10000</td>
            </tr>
            <tr>
                <td>Produk B</td>
                <td>20000</td>
            </tr>
            <tr>
                <td>Produk C</td>
                <td>30000</td>
            </tr>
        </table>
    </body>
</html>

Kesimpulan

Dalam tutorial ini, kita telah belajar cara membuat stylesheet XSLT dasar untuk mentransformasi file XML menjadi HTML. Anda dapat memperluas pengetahuan tentang XSLT dengan mencoba berbagai elemen dan fungsi lain yang disediakan oleh bahasa ini.

Semoga tutorial ini bermanfaat untuk Anda!

PREVIOUS
NEXT