--- /dev/null
+<?xml version="1.0" encoding="utf-8" ?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
+>
+<html xmlns="http://www.w3.org/1999/xhtml" >
+ <head>
+ <title>XSLT (suite)</title>
+
+ <meta http-equiv="Content-Type"
+ content="text/html; charset=utf-8" />
+ <meta name="copyright"
+ content="Copyright © 2013 Kim Nguyễn" />
+
+ <!-- Load jQuery -->
+ <script src="../jquery-1.9.1.min.js" type="text/javascript" ></script>
+ <!-- Load the library -->
+ <script src="../simpleWebSlides.js" type="text/javascript" ></script>
+
+ <link rel="stylesheet" href="../simpleWebSlides.css" type="text/css" media="all" />
+ <!-- Load a custom Theme, the class-element marks this style-sheet
+ a "theme" that can be swtiched dynamicaly -->
+ <link class="sws-theme" rel="stylesheet" title="U-Psud style" href="../themes/uPsud.css" type="text/css" />
+
+ <!-- Customize some templates and initialize -->
+ <style type="text/css">
+ .xml-tag { color: #00486c; }
+ </style>
+ <script type="text/javascript">
+ <![CDATA[
+ SWS.Config['sws-slide-change'] = SWS.Effects.slideChangeFadeOutIn;
+ SWS.Config['sws-object-deactivate'] = SWS.Effects.objectDeactivateFadeOut;
+ SWS.Config['sws-object-activate'] = SWS.Effects.objectActivateFadeIn;
+
+ //Ensures that we load SWS at the very end, after MathJax has
+ //been initialized
+
+ $(window).load(function () {
+ $(".inline-xml").each(function(i, elem)
+ {
+ var jelem = $(elem);
+ var code = jelem.html();
+ code = code.replace ("<![CDATA" + "[", "").replace ("]" + "]>", "");
+ code = code.replace (/>/g, ">>>");
+ code = code.replace (/</g, "<span class='xml-tag'><");
+ code = code.replace (/>>>/g,"></span>");
+
+ jelem.html(code);
+ });
+ });
+
+ var checkSVG = function (o, i)
+ {
+ if (i >= 10 || SWS.Utils.isUndefined(o) || o == null) return;
+ var svg = o.getSVGDocument();
+ if (svg == null) {
+ setTimeout(function() { checkSVG(o, i+1); }, 200);
+ } else {
+ var alltext = $(svg).find("text");
+ alltext.css("font-family", "DIN");
+ alltext.css("font-size", "70%");
+
+ };
+ };
+ $(window).load(function() {
+ $("embed").ready(function() {
+ setTimeout(function() {
+ $("embed").each(function(i, o) { checkSVG(this,0); });
+}, 1000);
+ });
+ });
+ $(window).load(SWS.Presentation.init);
+
+ ]]>
+
+ </script>
+
+ </head>
+ <body>
+ <a href="xpi_04.xhtml" class="sws-previous"/>
+ <div class="sws-slide sws-cover sws-option-nofooter">
+ <h1>XML et Programmation Internet</h1>
+ <h1>Cours 5</h1>
+ <a href="mailto:kn@lri.fr">kn@lri.fr</a>
+ </div>
+ <h1>Structures de contrôle</h1>
+ <div class="sws-slide">
+ <h1><tt>xsl:value-of</tt> </h1>
+ <p>On peut récupérer des nœuds texte dans le document source au
+ moyen de la balise <tt><xsl:value-of select="<a>xpath
+ expr</a>"/></tt>. L'expression <tt><a>xpath expr</a></tt> est
+ évaluée et <a>convertie en chaîne de caractères</a> en suivant
+ les conversions d'XPath (voir cours 3).
+ </p>
+ </div>
+ <div class="sws-slide">
+ <h1>Itération avec <tt>xsl:for-each</tt></h1>
+ <p>La balise <code> <xsl:for-each select="xpath expr">
+ <i>corp de boucle</i>
+ </xsl:for-each>
+</code> évalue le corp de la boucle pour chaque nœud renvoyé par
+ l'expression <tt><a>xpath expr</a></tt>. À chaque itération
+ le nœud considéré devient le <a>nœud contexte</a> (i.e. celui
+ renvoyé par l'axe <tt>self::</tt>)</p>
+ </div>
+ <div class="sws-slide">
+ <h1>Itération ordonnée <tt>xsl:sort</tt></h1>
+ <p>On peut modifier l'ordre dans lequel les éléments sont
+ parcourus par une boucle <tt>xsl:for-each</tt> en utilisant
+ l'élément <code> <![CDATA[<xsl:sort select="expression"
+ lang="language-code"
+ data-type="text|number|qname"
+ order="ascending|descending"
+ case-order="upper-first|lower-first"/>
+]]></code> qui n'est valide que comme fils d'un <tt>xsl:for-each</tt>
+ ou <tt>xsl:apply-templates</tt></p>
+ <ul>
+ <li><tt>select</tt> : expression XPath selon laquelle
+ trier</li>
+ <li><tt>lang</tt> : code de la <a>locale</a> selon laquelle
+ trier (par exemple en français, <tt>é</tt> est
+ avant <tt>f</tt>)</li>
+ <li><tt>data-type</tt> : types des données triées (text
+ (defaut), nombre ou élément XML (ordre du document utilisé
+ dans ce cas)</li>
+ <li><tt>order</tt> : s'il faut trier en ordre croissant ou
+ décroissant</li>
+ <li><tt>case-order</tt> : lors d'un tri <a>text</a> si les
+ majuscules sont avant les minuscules (defaut) ou inversement</li>
+ </ul>
+ </div>
+ <div class="sws-slide">
+ <h1>Conditionnelle simple avec <tt>xsl:if</tt></h1>
+ <p>On peut évaluer conditionnellement une portion de code XSLT
+ en la plaçant dans une balise:<code><![CDATA[ <xsl:if test="expression">
+ ...
+ </xsl:if>]]> </code> Le résultat de l'expression est interprété
+ comme un booléen (selon les règles de conversion d'XPath). S'il
+ vaut vrai, le corp du <tt>xsl:if</tt> est exécuté.</p>
+ </div>
+ <div class="sws-slide">
+ <h1>Conditionnelle complexe avec <tt>xsl:choose</tt></h1>
+ <p>On peut écrire plusieurs portions de code, gardées par des
+ conditions distinctes
+ en les plaçant dans une balise:<code><![CDATA[ <xsl:choose >
+ <xsl:when test="cond 1"> code 1</xsl:when>
+ <xsl:when test="cond 2"> code 2</xsl:when>
+ <xsl:when test="cond 3"> code 3</xsl:when>
+ ...
+ <xsl:otherwise> code sinon </xsl:otherwise>
+ </xsl:choose>]]> </code>
+ Les conditions <tt>xsl:when</tt> sont évaluées dans l'ordre et
+ le corp de la première valant vrai est exécuté. Si aucune
+ condition n'est vérifiée, le corp de
+ l'instruction <tt>xsl:otherwise</tt> est exécuté.
+ </p>
+ </div>
+ <div class="sws-slide">
+ <h1>Exemple simple (génération d'une page Web)</h1>
+ <p>On réutilise (encore) le fichier de recette:</p>
+ <code style="color:black;font-size:80%;position:relative;left:10%;"><![CDATA[
+<!DOCTYPE recette SYSTEM "recette.dtd">
+<recette difficulte="facile">
+<title>Tiramisú</title>
+<ingredients>
+ <ingredient>mascarpone</ingredient>
+ <ingredient>oeufs</ingredient>
+ <ingredient>sucre</ingredient>
+ <ingredient>café</ingredient>
+ <ingredient>biscuits</ingredient>
+</ingredients>
+<duree>2h</duree>
+<etapes>
+ <e num="1">Séparer les blancs des jaunes</e>
+ <e num="2">…</e>
+ …
+</etapes>
+</recette>
+]]></code>
+ </div>
+ <div class="sws-slide">
+ <code style="color:black;font-size:80%;position:relative;left:10%;"><![CDATA[
+ <xsl:stylesheet version="1.0"
+ xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
+ <xsl:template match="/">
+ <html>
+ <head>
+ <title>Ingrédients du ]]><u><xsl:value-of select="descendant::title" /></u><![CDATA[ </title>
+ </head>
+ <body>
+ <h1>Ingrédients du ]]><u><xsl:value-of select="descendant::title" /></u><![CDATA[ </h1>
+ <ul>
+ ]]><u><xsl:for-each select="descendant::ingredient"></u>
+ <u><xsl:sort select="child::text()" /></u><![CDATA[
+ <li> ]]><u><xsl:value-of select="child::text()" /></u><![CDATA[ </li>
+ ]]><u></xsl:for-each></u><![CDATA[
+ </ul>
+ <p>Étape]]><u><xsl:if test="count(descendant::e) &gt;1">s</xsl:if></u><![CDATA[</p>
+ <ol>
+ ]]><u><xsl:apply-templates select="descendant::e"></u>
+ <u><xsl:sort select="@num" data-type="number"/></u>
+ <u></xsl:apply-templates></u><![CDATA[
+ </ol>
+ </body>
+ </html>
+ </xsl:template>
+ <xsl:template match="e">
+ <li><xsl:value-of select="."/></li>
+ </xsl:template>
+ </xsl:stylesheet>
+]]></code>
+ </div>
+<h1>Utilisation avancée</h1>
+<div class="sws-slide">
+ <h1>Nom d'attributs ou d'éléments dynamiques</h1>
+ <p>Il est fréquent de vouloir choisir <a>dynamiquement</a> les noms
+ des éléments. Par exemple :</p>
+<code><![CDATA[
+ <xsl:choose>
+ <xsl:when test="condition"> <b> </xsl:when>
+ <xsl:otherwise> <i> </xsl:otherwise>
+ </xsl:choose>
+
+ .... code complexe pour calculer le texte ....
+
+ <xsl:choose>
+ <xsl:when test="condition"> </b> </xsl:when>
+ <xsl:otherwise> </i> </xsl:otherwise>
+ </xsl:choose>]]>
+</code>
+<p class="sws-pause"><s>code incorrect </s>: les balises <tt><b></tt>
+et <tt><i></tt> ne sont pas bien parenthésées</p>
+</div>
+<div class="sws-slide">
+<h1>Solution naïve</h1>
+<p>On peut dupliquer le code de manière à respecter les balises
+ ouvrantes/fermantes : </p>
+<code><![CDATA[
+ <xsl:choose>
+ <xsl:when test="condition">
+ <b>
+ .... code complexe pour calculer le texte ....
+ </b>
+ </xsl:when>
+ <xsl:otherwise>
+ <i>
+ .... code complexe pour calculer le texte ....
+ </i>
+ </xsl:otherwise>
+ </xsl:choose>]]>
+</code>
+<p><s>Inélégant et non-maintenable</s> : si on a 10 cas, on copie cole
+ 10 fois le code complexe.</p>
+</div>
+<div class="sws-slide">
+<h1>Nom d'attributs ou d'éléments dynamiques</h1>
+<p>On a besoin : </p>
+<ul>
+ <li>de pouvoir stocker dans des « variables » le résultat d'une
+ expression XSLT</li>
+ <li>de pouvoir créer des éléments ou des attributs dont le nom est
+ une expression</li>
+</ul>
+<p><s>Problème</s> : XPath ne permet pas de définir des variables</p>
+</div>
+<div class="sws-slide">
+ <h1>Variables en XSLT (<tt>xsl:variable</tt>)</h1>
+ <p>Comme dans tout langage, on veut pouvoir évaluer <a>une
+ expression</a> et donner un <a>nom</a> au <a>résultat</a> pour
+ pouvoir le réutiliser plusieurs fois. En XSLT, on utilise la
+ balise <tt>xsl:variable</tt> :</p>
+<code><![CDATA[
+ <xsl:variable name="result" select="count(descendant::foo)" />
+
+ Le document contient <xsl:value-of select="$result" /> éléments foo.
+]]></code>
+<ul>
+ <li>L'attribut <tt>name</tt> est obligatoire et permet de définir le
+ nom de la variable</li>
+ <li>L'attribut <tt>select</tt> s'il est présent permet de définir le
+ contenu</li>
+ <li>Au sein d'une expression XPath, on peut utiliser la
+ notation <tt>$x</tt> pour référencer le contenu de la
+ variable <tt>x</tt></li>
+</ul>
+</div>
+<div class="sws-slide">
+<h1>Définitions complexes de variables</h1>
+<p>On peut aussi donner du contenu à l'élément <tt>xsl:variable</tt>,
+ pour définir la valeur de la variable : </p>
+<code><![CDATA[
+ <xsl:variable name="result">
+ <xsl:choose>
+ <xsl:when test="…condition…">b</xsl:when>
+ <xsl:otherwise>i</xsl:otherwise>
+ </xsl:choose>
+ </xsl:variable>]]>
+</code>
+</div>
+<div class="sws-slide">
+<h1>Portée des variables</h1>
+<p>Les variables sont <s>non-modifiables</s> une fois définies. Elles
+ sont visibles par tous les éléments suivant la balise
+ fermante <tt></xsl:variable></tt> se trouvant avant la
+ fermeture de l'élément contenant la variable. Exemple : </p>
+<code style="background:white;"><![CDATA[
+<xsl:template match="x">
+ <xsl:variable name="total" select="count(descendant::text())" />
+ <!-- la variable total est visible à partir d'ici et
+ jusqu'au </xsl:template> -->
+
+
+ <xsl:for-each select="descendant::text()">
+ <p>texte <xsl:value-of select="position()" /> sur
+ <xsl:value-of select="$total" /> :
+ <xsl:value-of select="." />
+ </p>
+ </xsl:for-each>
+
+</xsl:template>]]>
+</code>
+</div>
+<div class="sws-slide">
+<h1>Création dynamique d'éléments ou d'attributs</h1>
+<p>On peut utiliser les instructions <tt>xsl:element</tt>
+ et <tt>xsl:attribute</tt> pour créer des éléments et des attributs
+ dont le nom est calculé dynamiquement :
+</p>
+<code><![CDATA[
+ <xsl:element name="foo">
+ <xsl:attribute name="bar">baz</xsl:attribute>
+ ...
+ </xsl:element>
+]]></code>
+<p>produira dans le document de sortie :</p>
+<code><![CDATA[ <foo bar='baz'>
+ ...
+ </foo>
+]]></code>
+</div>
+<div class="sws-slide">
+ <h1>Échappement d'expressions XPath dans les chaînes</h1>
+ <p>À part les attributs <tt>select</tt> et <tt>test</tt> de
+ certaines balises XSLT, les autres attributs sont <s>des chaines de
+ caractères</s>. On peut cependant intégrer des expressions XPath au
+ moyen d'accolades <tt>{ }</tt>
+ </p>
+ <code><![CDATA[
+ <a href="descendant::url/child::text()">Le site!</a>]]>
+ </code>
+ <p>Dans le code ci-dessus, <tt>href</tt> étant un attribut non
+ interprété (ce n'est pas une balise XSLT), le chemin XPath
+ apparaîtra dans le résultat (ce qu'on ne veut pas). On peut écrire
+ :</p>
+ <code><![CDATA[
+ <a href="{descendant::url/child::text()}">Le site!</a>]]>
+ </code>
+</div>
+<div class="sws-slide">
+<h1>Retour sur notre exemple</h1>
+<code><![CDATA[
+ <xsl:variable name="nombalise">
+ <xsl:choose>
+ <xsl:when test="condition">b</xsl:when>
+ <xsl:otherwise>i</xsl:otherwise>
+ </xsl:choose>
+ </xsl:variable>
+
+ <xsl:element name="{$nombalise}">
+ .... code complexe pour calculer le texte ....
+ </xsl:element>
+]]></code>
+<p><s>Attention</s> : il faut écrire <tt>{$nombalise}</tt> sinon le
+ processeur XSLT essayera de créer un
+ élément <tt><$nombalise></tt> ce qui est illégal (et
+ provoquera une erreur)</p>
+</div>
+<h1>Autres fonctionalités</h1>
+<div class="sws-slide">
+<h1>Spécifier le type de sortie</h1>
+<p>On peut placer une balise <tt>xsl:output</tt> dans la balise racine
+ de la feuille de style (<tt>xsl:stylesheet</tt>)</p>
+<code ><![CDATA[ <xsl:output
+ method="xml|html|text"
+ cdata-section-elements="namelist"
+ indent="yes|no"
+ />
+]]></code>
+<ul><li><tt>method</tt> : décrit le type de fichier généré (XML
+ (defaut), HTML (plus permissif sur les balises non fermées),
+ texte)</li>
+ <li><tt>cdata-section-elements</tt> : liste de nom de balises
+ séparées par des espaces. Dans ces balises, le contenu du texte
+ n'est pas interprété (<tt>></tt>, <tt><</tt> peuvent êtres
+ écrits directement)</li>
+ <li><tt>indent</tt> : si la sortie est du XML, indenter les balises
+ de manière lisible</li>
+</ul>
+</div>
+<div class="sws-slide">
+ <h1>Copie de texte et de nœuds </h1>
+ <ul>
+ <li>La balise <tt><xsl:copy-of select='expression'></tt>
+ copie le résultat de l'expression XPath (qui peut être un nœud)
+ dans la sortie, avec ses attributs et son contenu</li>
+ <li>La balise <tt><xsl:text> ... </xsl:text></tt>
+ copie le texte tel quel (sans toucher aux blancs) dans la sortie</li>
+ </ul>
+</div>
+ </body>
+</html>
projects / hacks / simpleWebSlides.git / commitdiff