XML DOM. Taha Zerrouki

Transcription

1 XML DOM Taha Zerrouki

2 Définition Le Document de référence Objet Modèle (DOM) est une norme de W3C. Il définit une norme pour l'accès aux documents comme HTML et XML. 2

3 Définition par W3C Le modèle objet de document (DOM) est : une interface de programmation d'application (API) pour les documents HTML et XML. Il définit la structure logique des documents et la façon dont un document est accessible et manipulé. 3

4 Niveaux DOM définit les objets et les propriétés et méthodes (interface) pour accéder à tous les éléments XML. Le DOM est séparé en 3 parties / niveaux différents: DOM de base- modèle standard pour tout document structuré XML DOM - modèle standard pour les documents XML HTML DOM - modèle standard pour les documents HTML 4

5 XML DOM XML DOM fournit également : une API qui permet à un développeur : D'ajouter Modifier déplacer Supprimer des nœuds en tout point de l'arbre afin de créer une application. 5

6 XML DOM 6

7 Avantages DOM XML est le langage et la plate-forme indépendante XML DOM est traversable : Les informations contenues dans DOM XML est organisé dans une hiérarchie qui permet développeur de naviguer dans la hiérarchie à la recherche d'informations spécifiques. XML DOM est modifiable : Il est de nature dynamique fournissant développeur un champ pour ajouter, modifier, déplacer ou supprimer des nœuds en tout point de l'arbre. 7

8 Inconvenient Il consomme plus de mémoire : (si la structure XML est grand) comme programme écrit une fois reste en mémoire tout le temps jusqu'à ce que et à moins enlevé explicitement. 8

9 Structure Le modèle objet DOM Structure arborescente d éléments Un élément composé d un ou plusieurs nœuds: D autres éléments Des instructions de traitement, Ou encore de texte Mais aussi des attributs Douze types de nœuds Document (racine en xml) Comment Attribute Document ProcessingInstruction <?xml:stylesheet...> DocumentType <!DOCTYPE...> Element <personne...> Child Text Le meilleur restaurant Node... 9

10 Noeud Chaque noeud XML est transformé en un objet Définition Propriétés Des méthodes Les méthodes et propriétés permettent notamment : Créer (createnode,..), Modifier (repalcechild, ) Supprimer (remove, ) Extraire des données (get, ) de n importe quel élément ou contenu d un document XML 10

11 Les relations DOM définit les types de relation entre chaque nœud, et des directions de déplacement dans une arborescence XML Les propriétés: parentnode retourne le père childnodes retourne les enfants firstchild retourne le premier enfant lastchild retourne le dernier enfant previoussibling retourne le frère précedent nextsibling retourne le frère suivant du nœud courant 11

12 Dom relations FirstChild ParentNode ChildNodes LastChild 12

13 Dom relations PreviousSibling NextSibling 13

14 14

15 XML DOM Properties x.nodename x.nodevalue x.parentnode x.childnodes x.attributes 15

16 XML DOM Methodes x.getelementsbytagname(name) x.appendchild(node) x.removechild(node) 16

17 Types des Noeuds Document Element Attribute Text Comment 17

18 Type Noeud Les types les plus courants de nœuds en XML sont: Node Document: Complete structure du document XML est un nœud de document. Node Element: Chaque élément XML est un nœud d'élément.ceci est également le seul type de nœud qui peut avoir des attributs. Attribut Node: Chaque attribut est considéré comme un nœud d'attribut. Ils contiennent des informations sur un noeud d'élément, mais ne sont pas réellement être considérés comme des enfants de l'élément. Noeud texte: Les documents textes sont considérés comme nœud de texte.il peut être constitué de plus d'informations ou de l'espace tout blanc. 18

19 Type Noeud Certains types moins communs de nœuds sont: Node CData: Ce noeud contient des informations qui ne devraient pas être analysées par l'analyseur. Au lieu de cela, il devrait simplement être transmis sous forme de texte. Commentaire Node: sont généralement ignorés par l'application. Node Traitement Instructions: Ce nœud contient des informations visant spécifiquement à l'application. Document de Node Fragments Node Entités Nœuds de référence de l' entité Node Notations 19

20 Exemple 20

21 Manipuler un fichier Charger un fichier Construire l arbre Parcourir l arbre Modifier l arbre 21

22 Charger un fichier / Python #testdom2.py DATA_FILE = 'TP/annuaire-v0.2.xml' import xml.dom.minidom as minidom print xmldoc.toxml() try: xmldoc = minidom.parse(data_file) except: print "Can't Open the file",data_file 22

23 Manipuler un fichier Charger un fichier Construire l arbre Parcourir l arbre Modifier l arbre 23

24 Charger un fichier / Python #testdom2.py DATA_FILE = 'TP/annuaire-v0.2.xml' import xml.dom.minidom as minidom print xmldoc.toxml() try: xmldoc = minidom.parse(data_file) except: print "Can't Open the file",data_file 24

25 Manipuler un fichier Charger un fichier Construire l arbre Parcourir l arbre Modifier l arbre 25

26 Parcourir l arbre Voici les trois façons dont vous pouvez accéder aux nœuds: En utilisant la méthode getelementsbytagname () En boucle à travers ou traversant à travers des noeuds arbre En naviguant dans l'arborescence du noeud, en utilisant les relations de nœuds. 26

27 Parcourir l arbre def display_tel(xmldoc): # display only telephones # get the tel list telephones = xmldoc.getelementsbytagname('telephone') # display tel by tel for tel in telephones: print "N :",tel.firstchild.data print "Type tel:",tel.getattribute("type") 27

28 Parcourir l arbre def display_tel(xmldoc): # display only telephones # get the tel list telephones = xmldoc.getelementsbytagname('telephone') # display tel by tel for tel in telephones: print "N :",tel.firstchild.data print "Type tel:",tel.getattribute("type") Exercice: Ecrire une focntion pour afficher les noms et leurs villes 28

29 Manipuler un fichier Charger un fichier Construire l arbre Parcourir l arbre Modifier l arbre 29

30 Modifier l arbre def add_id_personne(xmldoc): #get the personnes list personnes = xmldoc.getelementsbytagname('personne') # display personne by personne Cpt = 1 for personne in personnes: personne.setattribute('id', str(cpt)) cpt += 1 30

31 Modifier l arbre newele = xmldoc.createelement("username"); newtext = xmldoc.createtextnode("perso"); newele.appendchild(newtext); personne.appendchild(newele); # remove l element nom n = personne.getelementsbytagname('nom')[0] personne.removechild(n) 31

32 Modifier l arbre (resultat) <personne> <nom>ribiai</nom> <prenom>hamada</prenom> <adresse> <rue>18 avenue du Ibn Badis</rue> <code-postale>10000</code-postale> <ville>bouira</ville> </adresse> </personne> <personne id="5"> <prenom>hamada</prenom> <adresse> <rue>18 avenue du Ibn Badis</rue> <code-postale>10000</code-postale> <ville>bouira</ville> </adresse> <age>24</age> </personne> 32

33 Exemple en Javascript 33

34 Script JavaScript <script> //modify the HTML document.getelementbyid("firstname").innerhtml= "Taha"; document.getelementbyid("lastname").innerhtml= "Zerrouki"; </script> Exercice: Afficher le tel et la ville 34

35 Créer des éléments // Create a <p> element var para = document.createelement("h1"); // Create a text node var t = document.createtextnode("this is a paragraph"); // Append the text to <p> para.appendchild(t); para.setattribute("align","center"); document.body.appendchild(para); 35

36 Charger des données XML <script> if (window.xmlhttprequest) //if browser supports XMLHttpRequest {// Create an instance of XMLHttpRequest object. code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp = new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } // sets and sends the request for calling "node.xml" xmlhttp.open("get","annuaire-v0.2.xml",async = false); xmlhttp.send(); // sets and returns the content as XML DOM xmldoc=xmlhttp.responsexml; // parseing dom </script> 36

37 Traiter des données XML //parsing the DOM object document.getelementbyid("firstname").innerhtml = xmldoc.getelementsbytagname("nom")[0].childnodes[0].nodevalue; </script> Exercice: Afficher le prénom, tel, ville 37

38 Affichage Table <table id="table_personnes" border=1> <tr> <th>nom</th><th>prénom</th><th>phone</th><th>ville</th></tr> </table> </body> 38

39 Affichage Table Utiliser DOM pour créer un tableau dynamique XML 39

40 Affichage Table var identities = xmldoc.getelementsbytagname("identite") var table = document.getelementbyid("table_personnes") for(i in identities) { var tr = document.createelement("tr"); // create a row var td = document.createelement("td"); // create a row td.innerhtml = identities[i].getelementsbytagname("nom") [0].childNodes[0].nodeValue; tr.appendchild(td); // add td to tr } // redo for another data tr.appendchild(td); table.appendchild(tr); Exercice : Afficher le nom, telephone et ville 40