XSLT dan XML

Melalui XSLT, Anda dapat mengkonversi dokumen XML ke HTML.

Menggunakan XSLT untuk menampilkan XML

XSLT(Linguagem Transformasi Stylesheet eXtensible, eXtensible Stylesheet Language Transformations) adalah linguagem stylesheet XML yang disarankan.

XSLT jauh lebih kompleks daripada CSS. Melalui XSLT, Anda dapat menambahkan/hapus elemen dan atribut dalam file output. Anda juga dapat mengurutkan dan menata elemen, melaksanakan tes dan menentukan elemen mana yang akan disembunyikan dan yang akan ditampilkan, dan sebagainya.

XSLT menggunakan XPath untuk mencari informasi di dalam dokumen XML.

Contoh XSLT

Kami akan menggunakan dokumen XML berikut:

<?xml version="1.0" encoding="UTF-8"?>
<breakfast_menu>
<food>
<name>Belgian Waffles</name>
<price>$5.95</price>
<description>Dua waffle Belgia terkenal kami dengan banyak maple syrup asli</description>
<calories>650</calories>
</food>
<food>
<name>Strawberry Belgian Waffles</name>
<price>$7.95</price>
<description>Ringan waffle Belgia disiapkan dengan草莓 dan susu krim terbuang</description>
<calories>900</calories>
</food>
<food>
<name>Berry-Berry Belgian Waffles</name>
<price>$8.95</price>
<description>Ringan waffle Belgia disiapkan dengan berbagai jenis buah segar dan susu krim terbuang</description>
<calories>900</calories>
</food>
<food>
<name>French Toast</name>
<price>$4.50</price>
<description>Slice tebal yang dibuat dari roti tebal asli kami</description>
<calories>600</calories>
</food>
<food>
<name>Pemilihan Pagi Rumah Khas</name>
<price>$6.95</price>
<description>Dua telur, bacon atau sapi, roti bakar, dan hash browns yang selalu populer kami</description>
<calories>950</calories>
</food>
</breakfast_menu>

Sebelum ditampilkan di browser, gunakan XSLT untuk mengkonversi XML ke HTML:

Contoh gaya penampungan XSLT:

<?xml version="1.0" encoding="UTF-8"?>
<html xsl:version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<body style="font-family:Arial;font-size:12pt;background-color:#EEEEEE">
<xsl:for-each select="breakfast_menu/food">
  <div style="background-color:teal;color:white;padding:4px">
    <span style="font-weight:bold"><xsl:value-of select="name"/> - </span>
    <xsl:value-of select="price"/>
    </div>
  <div style="margin-left:20px;margin-bottom:1em;font-size:10pt">
    <p>
    <xsl:value-of select="description"/>
    <span style="font-style:italic">(<xsl:value-of select="calories"/> kalori per porsi)</span>
    </p>
  </div>
</xsl:for-each>
</body>
</html>

Coba Sendiri

Panduan XSLT

Jika Anda ingin belajar lebih banyak tentang XSLT, kunjungi situs kami Panduan XSLT.