DevInformatique Ralis par HACHIMI SAFAE Module N 20

  • Slides: 18
Download presentation
Dev-Informatique Réalisé par : HACHIMI SAFAE

Dev-Informatique Réalisé par : HACHIMI SAFAE

Module N° 20 : APPLICATION HYPERMÉDIA (HTML, XML, CSS, JAVA-SCRIPT) PARTIE 3 : XML

Module N° 20 : APPLICATION HYPERMÉDIA (HTML, XML, CSS, JAVA-SCRIPT) PARTIE 3 : XML LECON 5 : XML ET XSL I-LES FEUILLES DE STYLES : XSL ET CSS 1 -XSL (e. Xtended Style. Sheet Language ) : § Il est une famille de spécifications comprenant : o XSLT : Transformation pour le parcours et la transformation d’un document source XML vers un autre document XML. o XSLT a pour objectif de définir un langage pour effectuer des informations sur des arbres XML.

II-CREATION UN FICHIER XSL : § On ajoute un fichier. xsl : fichier. xsl

II-CREATION UN FICHIER XSL : § On ajoute un fichier. xsl : fichier. xsl <? xml version ="1. 0" encoding ="ISO-8859 -1"? > <HTML xmlns : xsl ="http : //www. w 3. org/TR/WD-xsl "> <BODY style ="font-family : arial ; font-size : 12 pt ; "> <xsl : for-each select ="racine/enfant "> <DIV STYLE="background-color : teal ; color : white ; "> <SPAN STYLE = "font-weight : bold ; color : white ; padding : 4 px ; "> <xsl: value-of select ="nom"/></SPAN> <SPAN STYLE="font-style : italic ; "><xsl: value-of select ="date "/></SPAN> </DIV> </xsl: for-each> </BODY> </HTML>

EXEMPLE 2 : FICHIER 2. XSL <? xml version ="1. 0" encoding =‘’UTF-8"? >

EXEMPLE 2 : FICHIER 2. XSL <? xml version ="1. 0" encoding =‘’UTF-8"? > <xml: stylesheet version =‘’ 1. 0’’ xmlns : xsl ="http : //www. w 3. org/1999/XSL/Transform "> <xsl: Template match=‘’/’’> <HTML><HEAD><TITLE>XSL ET XML </TITLE></HEAD> <BODY> <H 2>My. CD Collection</H 2> <TABLE BORDER =‘’ 2’’> <TR> <TH Style =‘’text-align : left ; ’’>NOM</TH> <TH Style =‘’text-align : left ; ’’>DATE_NAISSANCE</TH> </TR>

<xsl : for-each select =‘’racine/enfant> <TR> <TD><xsl: value-of select ="nom"/></TD> <TD><xsl: value-of select ="date

<xsl : for-each select =‘’racine/enfant> <TR> <TD><xsl: value-of select ="nom"/></TD> <TD><xsl: value-of select ="date "/></TD> </TR> </xsl: for-each> </TABLE> </BODY> </HTML> </xsl: Template> </xsl: Style. Sheet>

EXEMPLE 3 : FICHIER 3. XSL <xsl: Template match =‘’enfant ‘’> <p> <h 1><i><xsl:

EXEMPLE 3 : FICHIER 3. XSL <xsl: Template match =‘’enfant ‘’> <p> <h 1><i><xsl: value-of select=‘’nom ‘’/></i></h 1> <i><xsl: value-of select=‘’date ‘’/></i> </p> </xsl: Template>

II-LES REGLES DE TRANSFORMATION : 1 -TEMPLATE : § Un Template précise ce qui

II-LES REGLES DE TRANSFORMATION : 1 -TEMPLATE : § Un Template précise ce qui doit être recherché dans l’arbre source , et ce qui doit être placé dans l’arbre résultat de la transformation. SYNTAXE : <xsl : Template > : définit une règle de transformation <xsl : Template match =‘’expression ‘’>

A-Match : o / : racine de document o * : tous les éléments

A-Match : o / : racine de document o * : tous les éléments <repertoire> o Repertoire fichier : tous les éléments <repertoire > ou <fichier> o Racine/fichier : tous les éléments fichier avec racine comme parent o @nom : L’attribut nom nœud (élément courant ) o Fichier/@nom : Tous les éléments <fichier>de l’attribut nom o Fichier[@nom=‘XML’] : Les éléments <fichier>dont l’attribut nom vaut ‘XML’ 2 Comment () : Les commentaires Text() : Les nœuds texte Node() : Les nœuds autres que racine (* )

3°)-< xsl : apply-Template > : § Qui sélectionne les descendants du nœuds courant

3°)-< xsl : apply-Template > : § Qui sélectionne les descendants du nœuds courant avec lesquels le traitement continue. < xsl : apply-Template > : § Permet de descendre dans l’arbre en précisant au processeur de traiter les éléments fils du nœud courant.

EXEMPLE : APPEL DES REGLES <xsl : Template match =‘’/’’> <HTML> <HEAD> <TITLE>Programme de

EXEMPLE : APPEL DES REGLES <xsl : Template match =‘’/’’> <HTML> <HEAD> <TITLE>Programme de <xsl : value-of select = ‘’CINEMA/NOM’’/></TITLE> </HEAD> <BODY Bgcolor = ‘’white’’> <xsl : apply-Template select = ‘’CINEMA ‘’/> </BODY> </HTML> </xsl: Template>

REGLE CINEMA : § Exploitation de l’élément CINEMA , puis appel à la règle

REGLE CINEMA : § Exploitation de l’élément CINEMA , puis appel à la règle Salle <xsl: Template match= ‘’CINEMA ‘’> <H 1><I><xsl : value-of select = ‘’NOM ‘’/></I></H 1></BR> <xsl : value-of select = ‘’Adresse ‘’/> <I>Metro : </I><xsl: value-of select = ‘’Metro ‘’/></BR> <xsl : apply-Template select = ‘’Salle’’/> </xsl: Template>

REGLE Salle : <xsl: Template match= ‘’SALLE ‘’> <H 2>Salle No : <I><xsl :

REGLE Salle : <xsl: Template match= ‘’SALLE ‘’> <H 2>Salle No : <I><xsl : value-of select = ‘’@NO ‘’/></H 2> Film : <xsl : value-of select =‘’Film/Titre ‘’/> de : <xsl : value-of select =‘’Auteur ‘’/> <OL> <xsl: for-each select =‘’Seances/Seance ‘’> <LI><xsl: value-of select =‘’. ’’/></LI> </xsl: for-each> </OL> </xsl: Template>

FICHIER XML : <? xml version ="1. 0" encoding="ISO-8859 -1" standalone ="yes"? > <?

FICHIER XML : <? xml version ="1. 0" encoding="ISO-8859 -1" standalone ="yes"? > <? xml: stylesheet type="text/xsl"href=‘’Cinema. xsl"? > <Salle No = ‘’ 1’’ Places =‘’ 320’’> <Film> <Titre>Alien</Titre> <Auteur>Ridly Scott</Auteur> <Annee>1979</Annee> <Genre>Science_Fiction</Genre> <Pays>Etats. Unis</Pays> <Resume>…. . </Resume> </Film> <Remarque>Reservation Conseillée</Remarque>

<Seances> <Seance>15 : 00 </Seance> </Seances> </Salle>

<Seances> <Seance>15 : 00 </Seance> </Seances> </Salle>

4 -ELEMENTS DE PREMIER NIVEAU : o xsl : Template Pour définir une règle.

4 -ELEMENTS DE PREMIER NIVEAU : o xsl : Template Pour définir une règle. o xsl : output Pour définir le format de sortie. o xsl : import Pour importer un programme XSLT. o xsl : include Pour inclure un programme XSLT. o xsl : param Pour définir in paramètre. o xsl : variable Pour définir une variable.

5 -ELEMENT DE PROGRAMMATION : 1°)- <xsl : if test =‘’ ‘’>……. . </xsl:

5 -ELEMENT DE PROGRAMMATION : 1°)- <xsl : if test =‘’ ‘’>……. . </xsl: if> 2°)-<xsl : choose> <xsl : when test =‘’ ‘’ > ………</xsl: when> <xsl : otherwise =‘’ ‘’ > ………</xsl: otherwise> </xsl: choose> 3°)-<xsl : for-each select = ‘’ ‘’ ></xsl : for-each> 4°)-<xsl : Sort select = ‘’Article ‘’ order = ‘’ ascending | descending ‘’ case-order = ‘’upper-first|lower-first ‘’ lang = ‘’ ‘’> 6 -LES PARAMETRES : <xsl : param name = ‘’ qname ‘’ select = ‘’ expression ‘’ >………</xsl : param >

DEV-INFORMATIQUE MERCI POUR VOTRE ATTENTION

DEV-INFORMATIQUE MERCI POUR VOTRE ATTENTION

DevInformatique Ralis par HACHIMI SAFAE Module N 21DevInformatique Ralis par HACHIMI SAFAE Module N 21
DevInformatique Ralis par HACHIMI SAFAE Module N 11DevInformatique Ralis par HACHIMI SAFAE Module N 11
DevInformatique Ralis par HACHIMI SAFAE Module N 21DevInformatique Ralis par HACHIMI SAFAE Module N 21
DevInformatique Ralis par HACHIMI SAFAE Module N 19DevInformatique Ralis par HACHIMI SAFAE Module N 19
DevInformatique Ralis par HACHIMI SAFAE Module N 6DevInformatique Ralis par HACHIMI SAFAE Module N 6
DevInformatique Ralis par HACHIMI SAFAE Module N 2DevInformatique Ralis par HACHIMI SAFAE Module N 2
DevInformatique Ralis par HACHIMI SAFAE Module N 4DevInformatique Ralis par HACHIMI SAFAE Module N 4
DevInformatique Ralis par HACHIMI SAFAE Module N 8DevInformatique Ralis par HACHIMI SAFAE Module N 8
DevInformatique Ralis par HACHIMI SAFAE Module N 22DevInformatique Ralis par HACHIMI SAFAE Module N 22
DevInformatique Ralis par HACHIMI SAFAE Module N 7DevInformatique Ralis par HACHIMI SAFAE Module N 7
DevInformatique Ralis par HACHIMI SAFAE Module N 18DevInformatique Ralis par HACHIMI SAFAE Module N 18
DevInformatique Ralis par HACHIMI SAFAE Module N 15DevInformatique Ralis par HACHIMI SAFAE Module N 15
DevInformatique Ralis par HACHIMI SAFAE Module N 7DevInformatique Ralis par HACHIMI SAFAE Module N 7
DevInformatique Ralis par HACHIMI SAFAE Module N 13DevInformatique Ralis par HACHIMI SAFAE Module N 13
DevInformatique Ralis par HACHIMI SAFAE Module N 14DevInformatique Ralis par HACHIMI SAFAE Module N 14
DevInformatique Ralis par HACHIMI SAFAE Module N 2DevInformatique Ralis par HACHIMI SAFAE Module N 2
DevInformatique Ralis par HACHIMI SAFAE Module N 2DevInformatique Ralis par HACHIMI SAFAE Module N 2