XSLT Output: Transforming XML Data with XSLT

Welcome to our comprehensive tutorial on XSLT (Extensible Stylesheet Language Transformations)! This powerful tool allows you to transform XML (Extensible Markup Language) documents into other formats, such as HTML, plain text, or even other XML documents. Let's dive in and learn XSLT together.

Understanding XSLT

💡 Pro Tip: XSLT is like a style sheet for XML documents, enabling you to manipulate and convert XML data into a desired format for easier consumption.

XSLT and XML

Before we delve into XSLT, let's quickly recap what XML is. XML, or Extensible Markup Language, is a format used to store and transport data. It provides a structured way to organize data using tags, similar to HTML.

📝 Note: XML is not designed for display purposes, but for data exchange between different systems and applications.

XSLT Basics

XSLT stylesheets consist of templates that match patterns within an XML document. When a match is found, the corresponding template's actions are executed. These actions could include copying, modifying, or deleting parts of the XML data.

Creating an XSLT Transformation

Now that we understand the basics, let's create a simple XSLT transformation.

Step 1: Prepare the XML Document

xml

<!-- example.xml -->
<books>
  <book id="1">
    <title>XML for Dummies</title>
    <author>John Doe</author>
    <price>29.99</price>
  </book>
  <book id="2">
    <title>XSLT for Dummies</title>
    <author>Jane Doe</author>
    <price>34.99</price>
  </book>
</books>

Step 2: Create the XSLT File

xml

<!-- example.xsl -->
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

  <xsl:template match="/">
    <html>
      <head>
        <title>Books List</title>
      </head>
      <body>
        <h1>Books</h1>
        <table border="1">
          <tr>
            <th>ID</th>
            <th>Title</th>
            <th>Author</th>
            <th>Price</th>
          </tr>
          <xsl:apply-templates select="books/book"/>
        </table>
      </body>
    </html>
  </xsl:template>

  <xsl:template match="book">
    <tr>
      <td><xsl:value-of select="@id"/></td>
      <td><xsl:value-of select="title"/></td>
      <td><xsl:value-of select="author"/></td>
      <td><xsl:value-of select="price"/></td>
    </tr>
  </xsl:template>

</xsl:stylesheet>

Step 3: Apply the XSLT Transformation

To transform the XML data using the XSLT stylesheet, you can use an XML processor or XSLT processor like Saxon, Xalan, or Microsoft's XSLT processor.

XSLT Output

When you apply the XSLT transformation to the example XML document, you'll get an HTML output:

html

<html>
  <head>
    <title>Books List</title>
  </head>
  <body>
    <h1>Books</h1>
    <table border="1">
      <tr>
        <th>ID</th>
        <th>Title</th>
        <th>Author</th>
        <th>Price</th>
      </tr>
      <tr>
        <td>1</td>
        <td>XML for Dummies</td>
        <td>John Doe</td>
        <td>29.99</td>
      </tr>
      <tr>
        <td>2</td>
        <td>XSLT for Dummies</td>
        <td>Jane Doe</td>
        <td>34.99</td>
      </tr>
    </table>
  </body>
</html>

This simple example demonstrates how XSLT transformations can convert XML data into a more useful format for display purposes.

🎯 Key Takeaway: XSLT is a powerful tool that enables you to transform XML documents into other formats for easier consumption. In our example, we transformed an XML document containing book data into an HTML table.

Stay tuned for more advanced examples and concepts in our XSLT tutorial! 🚀