XSLeXtensible Stylesheet Language

(1)

eXtensible Stylesheet Language

(2)

Was ist XSL?

 Analogie zu CSS in HTML

 XSL ist eine Sprache, die ein wohlgeformtes XML-Dokument in ein neues Dokument

transformiert

 Wunsch: Trennung von Daten und Präsentation

 XSL ist für optische Gestaltung eines

Dokuments zuständig

(3)

Entwurfsziele für XSL

 XSL in bekannter XML-Syntax

 XSL als Auszeichnungssprache mit allen wichtigen und gebräuchlichen

Formatierungsbefehlen

 möglichst geringe Anzahl optionaler Features

 XSL Stylesheets sollen leicht verständlich und gut lesbar sein

 schnelle und unkomplizierte Umsetzung

(4)

XSL Spezifikation

1. Benutzung sogenannter Formatting Objects (FO)

 auf das Erzeugen von Präsentationsdaten ausgerichtet

 nicht sehr verbreitet

 werden kaum von den gängigen XSL Prozessoren und Tools unterstützt

2. Erstellen von XSLT Stylesheets

 XSLT Empfehlung des W3C (21.Nov.2000)

 XSL Transformations (=XSLT)

(5)

Die Komponenten von XSL

 XPath:

Sprache zum Herausgreifen von bestimmten Teilen aus einem Dokument (Traversieren in Dokumentbäumen)

 XSLT:

Sprache, die beschreibt, wie man ein XML- Dokument in ein anderes Dokument

umwandeln kann

 XSL:

XSLT + Sammlung von Formatting Objects

(6)

Vorteile von XSL

 XSL ist wesentlich leistungsfähiger als CSS.

 Es ist möglich, unterschiedliche Layouts für ein Dokument zu erzeugen. Dazu benötigt man

nur ein anderes Stylesheet, die XML-Datei bleibt unverändert.

 Das Layout von vielen Dateien mit gleichem

Stylesheet läßt sich einfacher und schneller

ändern als bei HTML-Dateien.

(7)

XSLT Stylesheet Processing

XML-Daten

(strukturell + semantisch)

XSLT Stylesheet

(Präsentation, optische Form)

Ausgabe XML HTML

PDF RTF ASCII

...

XML Prozessor

(8)

Apache XML Projekt

 Quelle: http://xml.apache.org

 Ziel: Entwicklung von W3C-Standard-

konformen XML-Lösungen auf kommerziellem Niveau in offener Zusammenarbeit

– Xerces XML Parser, in Java/C++

– Xalan XSL Stylesheet-Prozessor, in Java/C++

– Cocoon XML-based Web Publishing, in Java

– FOP XSL Formatting Objects, in Java

(9)

Xalan

 Quelle: http://xml.apache.org/xalan/index.html

 XSLT Prozessor für die Transformation von XML-Dokumenten in HTML, oder anderen XML-Dokumenttypen

 Xalan-Java (Version2) ist eine komplette und stabile Implementation der W3-Empfehlung von XSLT und XPath

 Benutzung z.B. über Kommandozeile, in einem Applet, oder als Modul in einem anderen

Programm

(10)

FOP (Formatting Object Processor)

 Quelle: http://xml.apache.org/fop

 Ziele:

– Entwicklung eines XSL FO=>PDF Formatierer

– Konform zur W3C-Empfehlung (21.11.2000)

– Berücksichtigung der PDF-Spezifikation (11.03.1999)

 XSL Formatting Objects:

Programm zum Erzeugen von PDF / AWT / TXT / PRINT ... aus XML und XSL

 Beispiel:

fop -xsl foo.xsl -xml foo.xml -pdf foo.pdf

(11)

XSL Formatting Model

<chapter>

<title>...</title>

<para>...

<emph>....</emph>

</para>

<para>...</para>

</chapter>

fo:block

fo:block fo:block fo:block

fo:inline

XML Source

Area Structure

FO Result Tree

XSLT

(12)

FO Result Tree

1.

<?xml version=“1.0“ encoding=“utf-8“?>

2.

<fo:root xmlns:fo=“http://www.w3.org/1999/XSL/Format“>

3.

...

4.

<fo:page-sequence>

5.

<fo:flow>

6.

<fo:block font-size=“18 pt“ font-weight=“bold“ text-align=“centered“

7.

Vorwort

8.

</fo:block>

9.

<fo:block font-size=“12 pt“ space-before=“1 pc“ text-aligned=“justified“>

10.

Dieses kleine Dokument zeigt einen FO Result Tree

11.

</fo:block>

12.

</fo:flow>

13.

</fo:page-sequence>

14.

...

15.

</fo:root>

(13)

Verarbeitung von XML mit XSLT

 Zugriff auf alle Bestandteile des “XML- Baumes“

– Wurzel

– Elemente

– Text

– Attribute

– Namespaces

– Processing Instructions

– Kommentare

 Wandeln des Dokumentenbaums mit Hilfe der

Vorgaben im Stylesheet in einen Zielbaum

(14)

Baumdiagramm XML => HTML

sample.xml => sample.html

<dokument>

<titel> <absatz>

<ueberschrift>

usw.

<HTML>

<HEAD> <P>

<H1>

<TITLE> usw.

(15)

XSLT Beispiele (1)



XSLT Befehle in W3-Spezifikation



viele Möglichkeiten zur Transformation:

–

Einfügen von Text

–

Sortieren

–

Numerieren

–

Bedingungsschleifen u.a.



Hinzufügen von Attributen

–

Hinzufügen eines Attributs zu einem Element im Ergebnisbaum, z.B.

<a>

<xsl:attribute name=“href“>

<xsl:value-of-select=“@url“/>

<xsl:attribute>

Homepage

</a>

Führt in HTML zu:

<a href=“...“>Homepage</a>

(16)

XSLT Beispiele (2)

 Auswahl: eine Möglichkeit

<xsl:if test=“...“> ... </xsl:if>



Auswahl: mehrere Möglichkeiten

<xsl:choose>

<xsl:when test=“studium/@studium“>Text1</xsl:when>

<xsl:when test=“...“>Text2</xsl:when>

<xsl:otherwise>Text3</xsl:otherwise>

<xsl:choose>



Auswahl einer beliebigen Anzahl gleicher Elemente

<xsl:for-each select=“adresse“> ... </xsl:for-each>

–

Bestimmt eine Liste von SourceTree-Knoten zur Verarbeitung

–

Macht diese Liste von ausgewählten Knoten zur aktuellen Knotenliste

–

Beginnt Verarbeitung der Knoten in der Reihenfolge der aktuellen

Knotenliste

(17)

XSLT Beispiele (3)

 Konstante

<xsl:constant name=“jahr“ value=“2001“/>

 Automatische Numerierung der Elemente

<xsl:number level=“any“ from=“kapitel“ count=“absatz“/>

 Sortierung der Elemente

<xsl:apply-templates select=“row“>

<xsl:sort data-type=“number“ select=“entry[2]“/>

</xsl:apply-templates>

(18)

Beispiel: ROWSET-Dokumentbaum

<ROWSET>

<ROW num=“1“>

<EMPNO>7839</EMPNO>

<ENAME>KING</ENAME>

</ROW>NEW YORK</LOC>

<ROW num=“2“>

<EMPNO>7788</EMPNO>

<ENAME>SCOTT</ENAME>

</ROW>

</ROWSET>

<ROWSET>

<ROW num=“1“>

<EMPNO>7839</EMPNO>

<ENAME>KING</ENAME>

</ROW>NEW YORK</LOC>

<ROW num=“2“>

<EMPNO>7788</EMPNO>

<ENAME>SCOTT</ENAME>

</ROW>

</ROWSET>

(19)

Templates

 Templates = Regeln im Stylesheet

beinhalten Bauplan für Konstruktion eines Teils des Ergebnisbaums

<xsl:template match = “pattern“>

–

wählt ein bestimmtes Element aus, das über das Attribut match (XPath Pattern) näher spezifiziert wird

<xsl:template match=“/“>

</xsl:template>

–

Regeln wird auf die Wurzel (Root Node) angewandt

 Nutzung mehrerer Templates

<xsl:apply-templates>

–

Anweisung an den XSLT-Prozessor, mit den Kind-Knoten

(20)

Match Source - Construct Result

1. Einfügen von Literalen in den Result Tree, z.B. <Employee>

id

2. Bestimmung der Attributwerte der Form {XPathExpr} und Einsetzen in Result Tree 3. Verarbeitung aller Elemente

aus XSLT Namespace in

Dokumentenreihenfolge

mittels <xsl:value-of>

(21)

Single-Template Stylesheet

<xsl:stylesheet version="1.0"

xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:template match="/">

<html>

<body>

<xsl:for-each select="ROWSET">

<table border="1" cellspacing="0">

<xsl:for-each select="ROW">

<tr>

<td><xsl:value-of select="EMPNO"/></td>

<td><xsl:value-of select="ENAME"/></td>

</tr>

</xsl:for-each>

</table>

</xsl:for-each>

</body>

</html>

</xsl:template>

(22)

Verarbeitung

(23)

Ergebnis der Verarbeitung

<html>

<body>

<table border="1" cellspacing="0">

<tr>

<td>7839</td>

<td>KING</td>

</tr>

<tr>

<td>7788</td>

<td>SCOTT</td>

</tr>

</table>

</body>

</html>

<html>

<body>

<table border="1" cellspacing="0">

<tr>

<td>7839</td>

<td>KING</td>

</tr>

<tr>

<td>7788</td>

<td>SCOTT</td>

</tr>

</table>

</body>

</html>

(24)

Vereinfachtes Stylesheet

<html xsl:stylesheet version="1.0"

xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<body>

<xsl:for-each select="ROWSET">

<table border="1" cellspacing="0">

<xsl:for-each select="ROW">

<tr>

<td><xsl:value-of select="EMPNO"/></td>

<td><xsl:value-of select="ENAME"/></td>

</tr>

</xsl:for-each>

</table>

</xsl:for-each>

</body>

</html>

(25)

Input- und Output-Optionen

 Serialization

– Ausschreiben des Ergebnisbaums als Zeichenstrom

– Default Serialization Rules (in XSLT1.0 Spezifik.):



UTF-8 Character Set



<xsl:output> steuert Serialisierungsprozeß

 Ausgabe-Methoden

– <xsl:output-method=“xml“/>

Default, Ausgabe als well-formed XML

– <xsl:output-method=“html“/>

Serialisiert Elemente und Attribute in HTML4.0-gemäßer Form für entsprechende Browser, kein well-formed XML!

– <xsl:output-method=“text“/>

(26)

XSLT Output Methoden

<xsl:output method = “xml“ indent=“yes“/>

<xsl:output method = “html“/>

<xsl:output method = “text“/>

(27)

Beispiel im Detail: Text-Output

 Behandlung von Steuerzeichen

–

XSLT Stylesheets sind wohlgeformte XML-Dokumente

–

einige Zeichen benötigen Escape-Zeichen

& = & oder & (im Unicode)

<xsl:stylesheet version="1.0"

xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:output method="text"/>

<xsl:template match="/">

<xsl:text>Hello </xsl:text>

<xsl:value-of select="ROWSET/ROW/ENAME"/>

<xsl:text> & Family,
</xsl:text>

<xsl:text>Your id is </xsl:text>

<xsl:value-of select="ROWSET/ROW/EMPNO"/>

</xsl:template>

</xsl:stylesheet>

Hello King & Family,

Your id is 7839

(28)

Nutzung mehrerer Templates

<xsl:stylesheet

xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">

<xsl:output indent="no"/>

<xsl:template match="/">

<html>

<body><xsl:apply-templates/></body>

</html>

</xsl:template>

<xsl:template match="ROWSET">

<table border="1" cellspacing="0"><xsl:apply-templates/></table>

</xsl:template>

<xsl:template match="ROW">

<tr><xsl:apply-templates/></tr>

</xsl:template>

<xsl:template match="EMPNO">

<td><xsl:apply-templates/></td>

</xsl:template>

<xsl:template match="ENAME">

<td><xsl:apply-templates/></td>

</xsl:template>

</xsl:stylesheet>

(29)

mit mehreren Templates

• höhere Flexibilität

• bessere Wiederverwen- dung

• Analogie zu Java-Klassen

(30)

Built-In Templates

Teil jedes Stylesheets **<xsl:template match="/|*">**

<xsl:apply-templates/>

</xsl:template>

**<xsl:template match="text( )|@*">**

<xsl:value-of select="."/>

</xsl:template>

<xsl:template match="processing-instruction( )|comment( )"/>

Match Construct

Wurzelelement “/“ oder irgendein

Element “*“ Nichts, weiter mit Verarbeitung der Kind- Knoten des aktuellen Knotens

Textknoten „“text()“ oder Attribut “@*“ Textknoten mit dem Wert des aktuellen Knotens, Kopiere Text oder Attributwert in den Ergebnisbaum

Processing Instruction oder Kommentar Nichts

(31)

Anwendung von Wildcards

<xsl:stylesheet version="1.0"

xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<!--

| EmpUsingRowStar.xsl:

| Transform Emp.xml Into <table> using ROW/* to handle any column +-->

<xsl:template match="/">

<html>

<body><xsl:apply-templates/></body>

</html>

</xsl:template>

<xsl:template match="ROWSET">

<table border="1" cellspacing="0"><xsl:apply-templates/></table>

</xsl:template>

<xsl:template match="ROW">

<tr><xsl:apply-templates/></tr>

</xsl:template>

<xsl:template match="ROW/*">

Beispiel-Stylesheet mit mehreren Templates für ROWSET/ROW

(32)

Behandlung von Whitespaces

oraxsl Emp.xml EmpUsingRowStar.xsl erzeugt Ausgabe:

<html>

<body>

<table border="1" cellspacing="0">

<tr>

<td>7839</td>

<td>KING</td>

</tr>

<tr>

<td>7788</td>

<td>SCOTT</td>

</tr>

</table>

</body>

</html>

<html>

<body>

<tr>

<td>7839</td>

<td>KING</td>

</tr>

<tr>

<td>7788</td>

<td>SCOTT</td>

</tr>

</table>

</body>

</html>

Ergänze Stylesheet: Ignoriere alle Elemente, die nur aus Leerzeichen bestehen

**<xsl:strip-space element=“*“/>**

(33)

Datenbankzugriff (XSQL + XSL)

<?xml version="1.0"?>

<xsql:query connection="xmlbook" xmlns:xsql="urn:oracle-xsql">

SELECT empno, ename, sal, deptno FROM emp

ORDER BY ename DESC

</xsql:query>

<?xml-stylesheet type="text/xsl" href="EmpUsingRowStar.xsl"?>

<xsql:include-xsql href="Emp.xsql" xmlns:xsql="urn:oracle-xsql"/>

Kombination von Emp.xsql mit EmpUsingRowStar.xsl ROW/* Template funktioniert für alle Spalten

Anwendung verschiedener Stylesheets möglich

(34)

Arbeit in verschiedenen Modi

Problemstellung: Anzeige des Tabellenkopfes in generischer Weise 2 Modi benötigt: Modus Column Headers vs. Regulärer Modus

<xsl:template match="ROW/*" mode="ColumnHeaders">

<th>

<xsl:value-of select="name(.)"/>

</th>

</xsl:template>

<xsl:apply-templates mode="ColumnHeaders"/>

<xsl:apply-templates mode="ColumnHeaders"/>

<xsl:apply-templates/>

</table>

</xsl:template>

(35)

ROWSET  HTML Tabelle

| TableBaseWithCSS:

| Basic stylesheet to format any ROWSET of ROWS into a table | with column headings in a generic way. Leverages Table.css | CSS stylesheet to control font/color information for the page.

+-->

<xsl:template match="/">

<html>

<head><link rel="stylesheet" type="text/css" href="Table.css"/></head>

<body><xsl:apply-templates/></body>

</html>

</xsl:template>

<xsl:apply-templates select="ROW[1]/*" mode="ColumnHeaders"/>

<xsl:apply-templates/>

</table>

</xsl:template>

<tr><xsl:apply-templates/></tr>

</xsl:template>

<xsl:template match="ROW/*">

<td><xsl:apply-templates/></td>

</xsl:template>

<xsl:template match="ROW/*" mode="ColumnHeaders">

<th>

(36)

Stylesheets

Importieren eines Base Stylesheet und Hinzufügen eines neuen Templates Neues Stylesheet EmpOver2000.xsl:

<xsl:import href="TableBaseWithCSS.xsl"/>

<xsl:template match="ROW[ SAL > 2000 ]">

<tr class="Highlight"><xsl:apply-templates/></tr>

</xsl:template>

</xsl:stylesheet>

Erweitere Table.css, z.B. .Highlight {background-color: e7e7e7e } Verwende Emp.sql und transformiere entsprechend EmpOver2000.xsl

<?xml-stylesheet type="text/xsl" href="EmpOver2000.xsl"?>

<xsql:include-xsql href="Emp.xsql" xmlns:xsql="urn:oracle-xsql"/>

(37)

von Stylesheets (Forts.)

Ergebnis von EmpOver2000.xsl:

Hervorhebung aller Angestellten in Tabelle mit Gehalt > 2000

Weitere Beispiele:

• Formatiere gerade Zeilen in einer Farbe

• Formatiere ungerade Zeilen in einer anderen Farbe

• Formatiere Zeilen aus Dept 20 durch Ausgabe von “Classified“

Mehr Informationen:

Siehe S. Muench “Building Oracle XML Applications“, Verlag O‘Reilly, 2000

(Kapitel 7).

(38)

Prioritäten zur Konfliktvermeidung

 Basis-Schema für Auswahl von Templates

*

SOMETHING oder xyz:SOMETHING

SOMETHING[predicate] oder SOMETHING/SOMETHINGELSE

 Problem bei mehrfachen Pattern auf derselben Stufe

–

Einführung eines priority=“realnumber“ Attributes im Template

–

Auswahl des Templates mit höchster Priorität durch Prozessor Beispiel-Anwendung:

Abwechselndes Hervorheben von Tabellenzeilen vs.

Ausblenden von Zeilen aus DEPT = 20

Template für DEPT=20 hat höhere Priorität

(39)

Reusable Named Templates

 Idee: Alternative zu Pattern-Matching-Templates

 Beispiel:

Formatieren von Tabellenzellen mit numerischen Werten, z.B.

Anzeige mit Dollar und Cent

<xsl:template name="moneyCell">

<td align="right"><xsl:value-of select="format-number(.,'$0.00')"/></td>

</xsl:template>

 Aufruf:

–

muß explizit erfolgen mittels <xsl:call-template>

–

Literale und xsl Actions genauso instanziiert als ob sie im

aufrufenden Template eingefügt wären  aufgerufenes

Template sieht gleichen aktuellen Knoten wie rufendes

(40)

Library Stylesheets

<!-- Handle even/odd formatting of rows using CSS classes "tr0"

and "tr1" -->

<tr class="tr{position( ) mod 2}"><xsl:apply-templates/></tr>

</xsl:template>

<xsl:template name="moneyCell">

<td align="right"><xsl:value-of select="format-number(.,'$0.00')"/></td>

</xsl:template>

</xsl:stylesheet>

Einfügen von Named Templates in “Library“ Stylesheet: CommonLibrary.xsl

<xsl:stylesheet version="1.0„

<xsl:import href="TableBaseWithCSS.xsl"/>

<xsl:import href="CommonLibrary.xsl"/>

<xsl:template match="ROW/SAL">

<xsl:call-template name="moneyCell"/>

</xsl:template>