XML 和 XSLT

ການນຳໃຊ້ XSLT ທີ່ເຮົາສາມາດເປັນ HTML ຈາກເອກະສານ XML.

ນຳໃຊ້ XSLT ເພື່ອສະແດງ XML

XSLT(ພາສາແບບສະແພງວິຊາພາສາປະເພດທີ່ສາມາດແຜ່ຫຼິ້ນກັນຄືນ, eXtensible Stylesheet Language Transformations) ແມ່ນພາສາແບບສະແພງວິຊາ XML ທີ່ໄດ້ຮັບການຍອມຮັບ.

XSLT ຫຼາຍຂື້ນກວ່າ CSS ຫຼາຍຫຼາຍ。ການນຳໃຊ້ XSLT ທີ່ເຮົາສາມາດເພີ່ມ/ຫຼຸດປະກອບອັນດັບ/ທາດຕໍ່ມາ ແລະການຈັດທີ່ຈະປາກົດຫຼືຫຼຸດປະກອບອັນດັບ ການທົດລອງແລະຕັດສິນໃຈທີ່ຈະປາກົດຫຼືຫຼຸດປະກອບອັນດັບທີ່ຕ້ອງການອອກຕາມ.

XSLT ນຳໃຊ້ XPath ເພື່ອຊອກຫາຂໍ້ມູນໃນເອກະສານ XML。

XSLT 实例

ພວກເຮົາຈະໃຊ້ເອກະສານ XML ດັ່ງລຽງນີ້:

<?xml version="1.0" encoding="UTF-8"?>
<breakfast_menu>
<food>
<name>Belgian Waffles</name>
<price>$5.95</price>
<description>Two of our famous Belgian Waffles with plenty of real maple syrup</description>
<calories>650</calories>
</food>
<food>
<name>Strawberry Belgian Waffles</name>
<price>$7.95</price>
<description>Light Belgian waffles covered with strawberries and whipped cream</description>
<calories>900</calories>
</food>
<food>
<name>Berry-Berry Belgian Waffles</name>
<price>$8.95</price>
<description>Light Belgian waffles covered with an assortment of fresh berries and whipped cream</description>
<calories>900</calories>
</food>
<food>
<name>French Toast</name>
<price>$4.50</price>
<description>Thick slices made from our homemade sourdough bread</description>
<calories>600</calories>
</food>
<food>
<name>Homestyle Breakfast</name>
<price>$6.95</price>
<description>Two eggs, bacon or sausage, toast, and our ever-popular hash browns</description>
<calories>950</calories>
</food>
</breakfast_menu>

在浏览器中显示之前，使用 XSLT 将 XML 转换为 HTML：

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"/>
    (<xsl:value-of select="calories"/> calories per serving)
    </p>
  </div>
</xsl:for-each>
</body>
</html>

亲自试一试

XSLT 教程

如果您想学习有关 XSLT 的更多信息，请访问我们的 XSLT 教程。