Explication détaillée de l'exemple de code XML Spy (image)

Avant de lire ce tutoriel, vous devez au moins vous assurer que vous êtes familier avec XML, que vous avez utilisé le Bloc-notes ou d'autres outils pour éditer des documents XML, DTD et XSLT, et que vous êtes familier avec leur grammaire et leur utilisation, sinon veuillez inventer la leçon avant de lire ce tutoriel.

XML Spy est un éditeur développé par Icon Information System qui prend en charge XML, XSL, XSLT, DTD, Schema et d'autres formats de fichiers. Il peut afficher XML sous la forme d'une arborescence parfaite et peut facilement utiliser diverses balises HTML/XML/XSLT. Son utilisation peut considérablement nous faire gagner du temps de développement et nous n'avons pas à perdre beaucoup de temps en saisie de code. Apprenons à utiliser XML Spy à travers un exemple de stockage d'informations sur un film.

Première étape : nous devons concevoir trois fichiers : saveit.xml, saveit.dtd et saveit.xslt ; saveit.xml est responsable du stockage des données spécifiques du contenu du film, et saveit.dtd est responsable de la vérification de saveit. xml. Saveit.xslt est responsable du style de saveit.xml et de la détermination de son effet d'affichage final dans le navigateur. Examinons d'abord le code des trois fichiers que nous devons créer :

----------saveit.xml------------------
＜?xml version="1.0" encoding="GB2312"?＞
＜!DOCTYPE movies SYSTEM "G:\xmlspy\saveit.dtd"＞
＜?xml-stylesheet type="text/xsl" href="G:\xmlspy\saveit.xslt"?＞
＜movies type="动作片"＞
＜id＞1＜/id＞
＜name＞致命摇篮＜/name＞
＜brief＞李连杰最新力作！＜/brief＞
＜time＞2003＜/time＞
＜/movies＞
----------saveit.dtd------------------
＜?xml version="1.0" encoding="GB2312"?＞
＜!ELEMENT movies (id, name, brief, time)＞
＜!ATTLIST movies type CDATA #REQUIRED＞
＜!ELEMENT id (#PCDATA)＞
＜!ELEMENT name (#PCDATA)＞
＜!ELEMENT brief (#PCDATA)＞
＜!ELEMENT time (#PCDATA)＞
----------saveit.xslt------------------
＜?xml version="1.0" encoding="UTF-8"?＞
＜xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"＞
＜xsl:output method="xml" version="1.0" encoding="GB2312" indent="yes"/＞
＜xsl:template match="/"＞
＜html＞
＜head＞
＜title＞
:::凌云的XML Spy教程:::
＜/title＞
＜/head＞
＜body＞
＜xsl:apply-templates＞＜/xsl:apply-templates＞
＜/body＞
＜/html＞
＜/xsl:template＞
＜xsl:template match="movies"＞
第＜xsl:value-of select="id"＞＜/xsl:value-of＞部电影
＜table＞
＜tbody＞
＜tr＞
＜td＞名称＜/td＞
＜td＞简介＜/td＞
＜td＞时间＜/td＞
＜td＞类型＜/td＞
＜/tr＞
＜tr＞
＜td＞＜xsl:value-of select="name"＞＜/xsl:value-of＞＜/td＞
＜td＞＜xsl:value-of select="brief"＞＜/xsl:value-of＞＜/td＞
＜td＞＜xsl:value-of select="time"＞＜/xsl:value-of＞＜/td＞
＜td＞＜xsl:value-of select="@type"＞＜/xsl:value-of＞＜/td＞
＜/tr＞
＜/tbody＞
＜/table＞
＜/xsl:template＞
＜/xsl:stylesheet＞

Étape 2 : Utilisez XML Spy pour créer le document saveit.dtd.

1) Établissez les films du nœud racine

Sélectionnez le menu Fichier->Nouveau pour faire apparaître la boîte de dialogue Créer un nouveau document, sélectionnez le dtd (Document Type Definition) à l'intérieur, de sorte qu'un vide Le document DTD est établi dans la zone d'édition, comme le montre la figure 1. Cliquez sur le triangle noir dans le coin supérieur gauche et cela ressemblera à la figure 2. Nous avons défini la valeur par défaut de codage de l'élément de méthode d'encodage sur UTF-8 et nous l'avons changé en GB2312. Double-cliquez sur Elm et entrez les films une fois terminé, comme le montre la figure 3. Gardez les films Elm sélectionnés état et double-cliquez sur la séquence de dans la zone Éléments à droite. Le résultat est tel qu'illustré dans la figure 4. De cette manière, les films du nœud racine sont établis.

Photo 1

Photo 2

Photo 3

Figure 4

2) Ajoutez l'identifiant du nœud enfant, le nom, le bref, l'heure et le type d'attribut aux films du nœud racine.

Cliquez avec le bouton droit sur la séquence de films et sélectionnez Ajouter child ->ELEMENT, ajoutez-y quatre nœuds enfants. Comme le montre la figure 5. Cliquez à nouveau avec le bouton droit sur la séquence de films, sélectionnez Append->ATTLIST, puis définissez son nom sur films comme indiqué dans la figure 6, définissez Nom sur type, définissez Type sur CDATA et définissez Présence sur #REQUIRED .

Figure 5

Figure 6

3) Créer l'identifiant des nœuds enfants, le nom, le brief, l'heure. Faites un clic droit sur la séquence de, sélectionnez Append->ELEMENT, ajoutez quatre nœuds et définissez tous les types de données sur PCDATA comme le montre la figure 7. De cette façon, le document DTD est créé. Nommez-le saveit.dtd et enregistrez-le dans le répertoire G:////xmlspy. Vous pouvez afficher le code source obtenu en l'éditant en mode d'affichage Affichage->Texte. En sélectionnant Affichage->Affichage Grille améliorée, vous reviendrez au mode d'édition arborescente Affichage .

Étape 3 : Utilisez XML Spy pour créer le document saveit.xslt.

1) Sélectionnez le menu Fichier->Nouveau pour faire apparaître la boîte de dialogue Créer un nouveau document, sélectionnez le dernier élément xslt (Extensible Stylesheet Language) et créez un nouveau fichier xslt comme montré dans la figure 8. À ce stade, XML Spy basculera automatiquement la vue vers la vue d'édition de code, car il est plus pratique d'éditer directement xslt. Changez sa méthode de codage en : GB2312, comme indiqué dans la figure 9.

Photo 8

Photo 9

2) Le reste du code peut être facilement ajouté à la zone d'édition via le panneau Éléments illustré à la figure 10. Une fois l'ajout terminé, définissez les nœuds correspondants sur les valeurs d'attribut de chaque élément pour terminer l'écriture du document XSLT. Le processus spécifique ne sera pas détaillé. Une fois terminé, cela ressemblera à la figure 11. Nommez-le saveit.xslt et enregistrez-le dans le répertoire G:////xmlspy.

Image 10

Image 11

Étape 4 : Utiliser XML Spy pour créer le document saveit.xml.

1) Sélectionnez le menu Fichier->Nouveau pour faire apparaître la boîte de dialogue Créer un nouveau document, sélectionnez XML (Document XML) à l'intérieur et une boîte de dialogue apparaîtra vous demandant de choisir si la méthode de vérification du document XML est DTD ou Schema Comme le montre la figure 12, nous sélectionnons la méthode de vérification DTD et sélectionnons le saveit.dtd qui vient d'être créé comme document de vérification, comme le montre la figure 13.

Figure 12

Figure 13

2) Après avoir cliqué sur OK, XML Spy créera automatiquement une sauvegarde pour nous. Document vierge XML validé par dtd. Comme le montre la figure 14. Remplissez les données de contenu. Modifiez l'encodage de l'élément de méthode de codage en GB2312. Le résultat est présenté dans la figure 15.

Figure 14

Figure 15

3) Sélectionnez XSL-＞Assign XSL menu, et dans la fenêtre contextuelle fenêtre (comme illustré dans la figure 15), sélectionnez le fichier G:////xmlspy////saveit.xslt et cliquez sur OK.

Figure 16

4) Vous avez terminé, le document XML est enfin édité. Comme le montre la figure 17. Nommez-le saveit.xml et enregistrez-le dans le répertoire G:////xmlspy.

Figure 17

Étape 5 : Vous pouvez sélectionner XSLT->XSL Transformation ou cliquer pour afficher l'effet d'affichage final de saveit.xml directement dans XML Spy. Vous pouvez également accéder au répertoire G:////xmlspy et utiliser un navigateur pour le regarder, mais le navigateur doit être IE6 ou supérieur. Si vous souhaitez générer le document résultat de la transformation, vous pouvez cliquer pour enregistrer le document résultat après transformation dans XML Spy. L'effet d'affichage final est illustré à la figure 18. Le code ci-dessus a réussi le débogage dans XML Spy5.

Photo 18

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!