Programmation d applications pour le Web

Dimension: px

Commencer à balayer dès la page:

Download "Programmation d applications pour le Web"

Fernande Carignan
il y a 8 ans
Total affichages :

1 Programmation d applications pour le Web Cours 2 ème année ING ISI-Tunis Elaboré par: Hela LIMAM Chapitre 3 Partie 2 XML+XSL Année universitaire 2011/2012 Semestre 2 1 Le XML ne fait rien. Il faudra passer par le XSL Alors que le Html a été conçu pour afficher de l'information, le XML a été créé pour structurer de l'information. Il ne fait rien d'autre! Voici un exemple de XML. Ce qui affiché dans Internet Explorer donne le résultat suivant 2

Il faudra passer par le XSL Alors que le Html a été conçu pour afficher de l'information, le XML a été créé

2 XML+XSL Le XML n'étant que de l'information encodée entre des balises, il faudra donner au navigateur d'autres éléments pour qu'il puisse "comprendre" vos balises et afficher ce fichier sous une forme plus conviviale. C'est là le rôle du XSL que nous étudierons ci-après. Le XSL est donc le complément indispensable pour l'affichage du XML. D'où notre titre : XML plus XSL 3 XML+XSL 4

sous une forme plus conviviale. C'est là le rôle du XSL que nous étudierons ci-après.

3 XML+XSL Le résultat dans le navigateur est alors : Remarque: Beaucoup de travail et donc d'encodage pour un maigre résultat. Ceci n est pas vrai car la richesse des feuilles de style permettra de donner à l'affichage toute sa splendeur. 5 Le XSL ne fait pas que cela! Le XSL ne permet pas uniquement l'affichage de XML. Il permet aussi : de sélectionner une partie des éléments XML. de trier des éléments XML. de filtrer des éléments XML en fonction de certains critères. de choisir des éléments. de retenir des éléments par des tests conditionnels. 6

5 Le XSL ne fait pas que cela! Le XSL ne permet pas uniquement l'affichage de XML.

4 Définition de XSL Le XSL pour extensible Stylesheet Language ou "langage extensible de feuilles de style" est une recommandation du W3C datant de novembre 1999 C'est donc un standard dans le domaine de la publication sur le Web. Le XSL est en quelque sorte le langage de feuille de style du XML. Un fichier de feuilles de style reprend des données XML et produit la présentation ou l'affichage de ce contenu XML selon les souhaits du créateur de la page. 7 Composants XSL La recommandation XSL du W3C est basée sur 2 composants : Un composant pour le formatage de données XML (XSL-FO : "XSL Formatting Objects" ). Un composant pour la transformation de données XML en d autres données XML (XSLT : "XSL Transformation" ) Transformation XSL Document Source Feuille de Style XSL Document Final

Un fichier de feuilles de style reprend des données XML et produit la présentation ou l'affichage de ce contenu XML selon les souhaits du créateur de la page.

5 XSL: Dérivé de XML Le langage XML est un langage de balises dérivé du langage XML. Le XSL reprend donc toutes les règles de syntaxe du XML (détaillée dans la partie relative au XML). Reprenons en bref : les balises sensibles à la casse, s'écrivent en minuscules. toutes les balises ouvertes doivent être impérativement fermées. les balises vides auront aussi un signe de fermeture soit <balise/>. les balises doivent être correctement imbriquées. les valeurs des attributs doivent toujours être mises entre des guillemets. le document XSL devra être "bien formé" [Well-formed]. 9 Principe de fonctionnement Avant de débuter, il est utile de préciser : 1. que le XSL est dérivé du XML. Le document XSL reprend donc la structure et la syntaxe de n'importe quel document XML. 2. que le document XSL comporte un document Html ou Xhtml qui sera quant à lui reconnu par le navigateur et qui servira de support à tout ou partie des données du document XML associé. 3. que le XSL fonctionne avec une ou plusieurs "templates", sorte de gabarit pour définir comment afficher des éléments du fichier XML. Les éléments concernés du fichier XML sont déterminés par l'attribut "match". 10

les balises vides auront aussi un signe de fermeture soit <balise/>. les balises doivent être correctement imbriquées. les valeurs des attributs doivent toujours être mises entre des guillemets.

6 Un premier document XSL. <?xml version="1.0"?> <xsl:stylesheet xmlns:xsl= que le document est du XSL extensible stylesheet.l'attribut xmlns fait référence au "namespace" utilisé. <xsl:template match="/"> déterminer un gabarit dans lequel on va transformer des éléments du fichier XML sous une forme que le navigateur pourra afficher. Les éléments du fichier XML sont déterminés par l'attribut match="/". Le slash /entre guillemets signale que sont concernées toutes les balises XML du document associé à partir de la racine [root]. 11 Un premier document XSL <html> <body>début de la partie Html qui servira de support pour l'affichage du document dans le navigateur. Par exemple : <xsl:value-of select="chemin d'accès/élément"/> La balise <xsl:value-of> sera fréquemment utilisée car elle permet de sélectionner un élément du fichier XML associé pour le traiter dans le fichier XSL. Dans l'attribut select, on détermine le chemin d'accès vers la balise XML souhaitée </body> </html>fin de la partie en Html. </xsl:template> La fermeture de la balise de template. </xsl:stylesheet> 12

<xsl:template match="/"> déterminer un gabarit dans lequel on va transformer des éléments du fichier XML sous une forme que le navigateur pourra afficher.

7 Exemple de mise en forme avec XSL (1/3) Soit le document XML suivant <?xml version="1.0" encoding="utf-8"?> <?xml:stylesheet type="text/xsl" href="biblio.xsl"?> <bibliotheque> <livre> <titre>xml</titre> <auteur>yves Dubois </auteur> <auteur>benoit Marchal</auteur> <edition>campus Press</edition> <ISBN> </ISBN> </livre> <livre> <titre>objet Relationnel sous Oracle8 </titre> <auteur>christian Soutou</auteur> <annee>2005</annee> <edition>eyrolles</edition> <ISBN> </ISBN> </livre> </bibliotheque> Exemple de mise en forme avec XSL (2/3) On se propose donc de créer une XSL qui permettra de générer un fichier HTML qui contient un tableau contenant la liste des titres des livres ainsi que leur ISBN:

> <bibliotheque> <livre> <titre>xml</titre> <auteur>yves Dubois </auteur> <auteur>benoit Marchal</auteur> <edition>campus Press</edition> <ISBN>2744009245</ISBN> </livre> <livre>

8 Exemple de mise en forme avec XSL (3/3) Ce document XSL(T) est le suivant : <?xml version="1.0" encoding="utf-8"?> <xsl:stylesheet version="1.0" xmlns:xsl=" xmlns:fo=" <xsl:template match="/"> <h1>liste des livres</h1> <tr> <table border="1"> <td>titre</td> <td>auteur</td> </tr> <xsl:for-each select="bibliotheque/livre"> <html><head><title>gestion de Bibliothèque</title></head><body> <tr> <td><xsl:value-of select="titre"></xsl:value-of></td> <td><xsl:value-of select="isbn"></xsl:value-of></td></tr> </xsl:for-each> </table> </xsl:stylesheet> </xsl:template> </body></html> Les expressions de sélection (1/2) Ces expressions (XSL patterns) sont des chaînes de caractères permettant la sélection d éléments (noeuds) à partir d un document source. 1. Sélection d éléments <xsl:value-of select="element_name" /> Exemple <xsl:value-of select="livre/titre"> Opérateurs de sélection parent/fils : définir la sélection de l élément «fils» de chaque élément «parent». */fils : définir la sélection des sous éléments «fils» quelque soit leurs «parent». parent//fils : définir la sélection de tous les descendants «fils» de l élément «parent» et non seulement via les fils directs.. : définir la sélection l élément courant

org/1999/xsl/format"> <xsl:template match="/"> <h1>liste des livres</h1> <tr> <table border="1"> <td>titre</td> <td>auteur</td> </tr> <xsl:for-each select="bibliotheque/livre">

Les expressions de sélection (2/2) 2. Sélection d attributs : Les attributs d'un élément sont sélectionnés pas la notation @attribute.

9 Les expressions de sélection (2/2) 2. Sélection d attributs : Les attributs d'un élément sont sélectionnés pas la elmnt[@attr] sélectionne les éléments «elmnt» ayant comme attribut «attr» elmnt[@attr="id"] sélectionne les élément «elmnt» ayant comme attribut «attr» et dont sa valeur est égale à «id». Exemple <xsl:value-of select="livre[@langue]> <xsl:value-of select="livre[@langue="fr"]> Fichier XML 18

elmnt[@attr] sélectionne les éléments «elmnt» ayant comme attribut «attr» elmnt[@attr="id"] sélectionne

10 Affichage dans un tableau 19 Résultat 20

11 Tri Il suffit d'ajouter l'attribut order-by="+balise" pour trier en ordre croissant et order-by="-balise" pour trier en ordre décroissant. orderby="+balise" peut se lire : "ordonner ou trier par ordre croissant (+) les données comprises entre labalise désignée". Nous allons trier notre compilation de mp3 en XML en ordre alphabétique croissant du nom des artistes. Et pour changer un peu, on permute les colonnes "titre" et "artiste" pour bien montrer que le XSL affiche les données du fichier XML selon le fichier Html (ou autre) qu'il contient. 21 Le XSL 22

Nous allons trier notre compilation de mp3 en XML en ordre alphabétique croissant du nom des artistes.

12 Résultat 23 Choix La balise <xsl:if>... </xsl:if> permet d'effectuer un choix dans les données du fichier XML. On ajoutera l'attribut match où l'on indique l'élément choisi. Ce qui en résumé donne : <xsl:if match=".[balise='xxx']"> balises Html </xsl:if> 24

13 Le XSL 25 Choix conditionnel Le XSL permet de faire un choix conditionnel par la balise <xml:choose>. A l'intérieur de cette balise, on peut déterminer une action lorsque une condition est vérifiée [<xsl:when] et dans le cas contraire prévoir une autre action [xsl:otherwise]. 26

A l'intérieur de cette balise, on peut déterminer une action lorsque

Documents pareils

Langage HTML (2 partie) <HyperText Markup Language> <tv>lt La Salle Avignon BTS IRIS</tv>

Langage HTML (2 partie) <HyperText Markup Language> <tv>lt La Salle Avignon BTS IRIS</tv> Langage HTML (2 partie) «Je n'ai fait que prendre le principe d - hypertexte et le relier au principe du TCP et du DNS et alors boum! ce fut le World Wide Web!» Tim Berners-Lee