XML and XSLT

Sa pamamagitan ng XSLT, maari mong i-convert ang XML dokumento sa HTML.

Ipakita ang XML gamit ang XSLT

XSLT（Hinahangad na Estilo Sheet Language Transformations），ay inirerekomendang XML estilo sheet language.

Ang XSLT ay mas kumplikado kaysa sa CSS. Sa pamamagitan ng XSLT, maari mong magdagdag at alisin ang mga elemento at attribute sa output file. Maaari mo rin na ire-arrange at iisangalin ang mga elemento, gumawa ng pagsusuri at magdesisyon kung anong elemento ay ihid o ipapakita sa ibaba.

Ang XSLT ay gumagamit ng XPath upang hanapin ang impormasyon sa XML dokumento.

XSLT Example

Magiging gamit namin ang sumusunod na XML dokumento:

<?xml version="1.0" encoding="UTF-8"?>
<breakfast_menu>
<food>
<name>Belgian Waffles</name>
<price>$5.95</price>
<description>Dalawang aming sikat na Belgian Waffles na may maluwag na real maple syrup</description>
<calories>650</calories>
</food>
<food>
<name>Strawberry Belgian Waffles</name>
<price>$7.95</price>
<description>Ligtong Belgian waffles na nakatabon ng mga strawberry at whipped cream</description>
<calories>900</calories>
</food>
<food>
<name>Berry-Berry Belgian Waffles</name>
<price>$8.95</price>
<description>Ligtong Belgian waffles na nakatabon ng iba't ibang uri ng sariwang berry at whipped cream</description>
<calories>900</calories>
</food>
<food>
<name>Franse Tostado</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"/>
    <span style="font-style:italic"> (<xsl:value-of select="calories"/> calories per serving)</span>
    </p>
  </div>
</xsl:for-each>
</body>
</html>

亲自试一试

XSLT 教程

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