XML ja XSLT

WITH XSLT, YOU CAN CONVERT XML DOCUMENTS INTO HTML.

USE XSLT TO DISPLAY XML

XSLT(EXTENSIBLE STYLESHEET LANGUAGE TRANSFORMATIONS, eXtensible Stylesheet Language Transformations) IS THE RECOMMENDED XML STYLESHEET LANGUAGE.

XSLT IS MUCH MORE COMPLEX THAN CSS. THROUGH XSLT, YOU CAN ADD/REMOVE ELEMENTS AND ATTRIBUTES FROM THE OUTPUT FILE. YOU CAN ALSO REARRANGE AND SORT ELEMENTS, PERFORM TESTS, AND DECIDE WHICH ELEMENTS TO HIDE AND SHOW, ETC.

XSLT USES XPath TO FIND INFORMATION IN THE XML DOCUMENT.

XSLT esimerkki

WE WILL USE THE FOLLOWING XML DOCUMENT:

<?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 A VARIETY 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>

Näytäksesi selaimessa ennen kuin käytät XSLT:ää XML:n muuntamiseen HTML:ksi:

XSLT-tyyli esimerkki:

<?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"/> kaloriaa annosta kohden)</span>
    </p>
  </div>
</xsl:for-each>
</body>
</html>

Kokeile itse

XSLT - opas

Jos haluat oppia lisää XSLT:stä, vieraile XSLT - opas.