--- title: "Expressions XPath pour la production de rapports de données" date: "2013-09-27" categories: - "xpath" tags: - "altova-xmlspy" - "authentic" - "epub" - "stylevision" - "xml-reports" - "xpath" Descriptions: Learn about using XPath to select data for reports in Altova StyleVision. description: Cet article explore l'utilisation des expressions XPath dans les logiciels XMLSpy et StyleVision pour la création de rapports de données efficaces, notamment pour les formulaires électroniques interactifs et la création de graphiques. --- Status: #blog Tags: #altova-xmlspy #authentic #epub #stylevision #xml-reports #xpath Categories: [xpath+xquery](/blog/fr/category/xpathxquery.md) # Expressions XPath pour la production de rapports de données Dans notre article précédent, intitulé : [Utilisez les expressions XPath pour affiner la sélection des données](https://www.altova.com/blog/2013/09/use-xpath-expressions-to-refine-data.html), Nous avons expliqué comment utiliser XMLSpy pour créer une expression XPath permettant de sélectionner une table de données spécifique contenue dans un ensemble de données beaucoup plus vaste, fourni par le ministère américain de l'Éducation. ![Un rapport HTML basé sur la sélection de données XPath dans StyleVision](https://lh3.ggpht.com/-8oo4VgEw2gE/UjnhznO7ahI/AAAAAAAABTA/MgScZv75SRE/clip_image001%25255B3%25255D.png?imgmax=800 "An HTML report based on XPath data selection in StyleVision") Nous pouvons réutiliser le travail effectué dans [XMLSpy](https://www.altova.com/fr/xmlspy.html) pour créer rapidement une maquette [StyleVision](https://www.altova.com/fr/stylevision.html) pour un rapport ou un formulaire électronique, afin de mettre en évidence les informations importantes issues des données. Nous pouvons commencer par une maquette simple dans StyleVision, basée sur le schéma XML gradData et le fichier XML que nous avons créés dans XMLSpy. Étant donné que nous avons enregistré les paramètres finaux de notre graphique dans XMLSpy, nous pouvons également recharger la maquette du graphique dans StyleVision. ![Conception StyleVision pour le rapport de données](https://lh5.ggpht.com/-xiB7bV790Jk/Ujnh0IRLadI/AAAAAAAABTE/2Iu9DewDrVE/clip_image002%25255B3%25255D.png?imgmax=800 "StyleVision design for the data report") Nous utiliserons l'expression XPath /data/set[@setnum="FOS"] développée dans XMLSpy à deux endroits pour sélectionner uniquement l'une des tables contenues dans le fichier XML plus volumineux. Cette expression ne correspondra qu'aux éléments /data/set dont l'attribut setnum est égal à "FOS" : `set setnum="FOS"`. Tout d'abord, nous utiliserons une expression pour définir la sortie conditionnelle de l'élément de description. Chaque tableau individuel comprend une description qui pourra servir de titre pour un graphique. Vous pouvez saisir l'expression XPath dans la fenêtre d'aide des propriétés pour définir la condition. ![Fenêtre des propriétés pour le contrôle de la condition, affichant l'expression XPath](https://lh5.ggpht.com/-YG9jeuYhz60/Ujnh0nD5kOI/AAAAAAAABTM/e8991AZ1Mmo/clip_image003%25255B3%25255D.png?imgmax=800 "Properties window for the condition control, showing the XPath expression") L'expression devient alors visible lorsque le curseur survole la condition : ![L'expression XPath est affichée dans la fenêtre de conception](https://lh6.ggpht.com/-29GKlKQI2lg/Ujnh1IkwNKI/AAAAAAAABTU/uwAQH1bDzsU/clip_image004%25255B3%25255D.png?imgmax=800 "XPath displayed in the design window") Nous utiliserons également l'expression XPath dans la fenêtre de paramètres du graphique pour sélectionner les lignes de données à afficher ![Expression XPath pour la sélection des données dans la fenêtre de configuration du graphique](https://lh3.ggpht.com/-2CPnWbnUFDo/Ujnh1pCrmCI/AAAAAAAABTc/sSVaLkPHNo4/clip_image005%25255B3%25255D.png?imgmax=800 "XPath for data selection in the chart settings dialog") Ces deux exemples ont généré le code HTML qui produit le résultat affiché dans la première image en haut de l'article. **Une expression XPath combinée à une liste déroulante permet de définir le choix de l'utilisateur** Nous pouvons convertir ce rapport en un format interactif [Authentic](https://www.altova.com/fr/authentic.html) Pour créer un formulaire électronique, nous pouvons utiliser un élément XML comme variable dans l'expression XPath, au lieu d'utiliser la chaîne de caractères codée en dur "FOS". Nous pouvons ensuite permettre à l'utilisateur de définir le contenu de cet élément XML via une liste déroulante. Pour mettre en œuvre cette fonctionnalité, nous allons insérer un deuxième fichier XML fonctionnel qui permettra de stocker temporairement la sélection de l'utilisateur. Ce fichier est affiché ci-dessous dans les fenêtres "Vue d'ensemble de la conception StyleVision" et "Arbre de schéma". ![Aperçu de la conception et représentation arborescente illustrant plusieurs fichiers XML opérationnels](https://lh3.ggpht.com/-Im-cnaYif1U/Ujnh2Cw5PcI/AAAAAAAABTk/C4XnAC8TpC8/clip_image006%25255B3%25255D.png?imgmax=800 "Design Overview and Schema Tree showing multiple working XML files") Nous pouvons insérer la liste déroulante en haut du formulaire, au-dessus de la description et du graphique. ![Une zone de liste déroulante a été ajoutée à la conception pour permettre un contrôle interactif](https://lh5.ggpht.com/-bVe6I8apjyQ/Ujnh3ICXv6I/AAAAAAAABTs/MlP9zxtIb6U/clip_image007%25255B3%25255D.png?imgmax=800 "A combo box added to the design for interactive contro") StyleVision offre plusieurs façons de définir le comportement des listes déroulantes. Nous utiliserons une liste d'éléments visibles, chacun associé à une valeur XML correspondante. ![Définition des éléments visibles et des valeurs XML pour la liste déroulante](https://lh4.ggpht.com/-FKR2V28AAo0/Ujnh3rnMaSI/AAAAAAAABT0/AxeFDeQ3O5I/clip_image008%25255B3%25255D.png?imgmax=800 "Combo box defintion of Visible Entries and XML values") La liste déroulante attribuera une valeur XML au champ "chart" dans le fichier "userselections.xml", que nous pourrons ensuite comparer à l'attribut "setnum" dans le fichier "gradData.xml". Ensuite, nous devons modifier les deux expressions XPath. La nouvelle expression XPath pour la condition associée à la description est : ../@setnum=$XML2/userchoice/chart comme indiqué ci-dessous dans la fenêtre des propriétés. ![Expression XPath mise à jour pour l'affichage sélectionné par l'utilisateur](https://lh3.ggpht.com/-JdpIuvVUwkg/Ujnh4LTVkgI/AAAAAAAABT8/zgCirqKk4N4/clip_image009%25255B3%25255D.png?imgmax=800 "Updated XPath expression for user-selected display") L'expression XPath mise à jour pour les données du graphique est la suivante : `$XML/data/set[@setnum=$XML2/userchoice/chart]/row` visible ci-dessous dans la fenêtre de configuration du graphique. ![Mise à jour de l'expression XPath dans la fenêtre de configuration du graphique](https://lh5.ggpht.com/-dGod4uRG51s/Ujnh4o79oAI/AAAAAAAABUE/4ARuRxZhoY4/clip_image010%25255B3%25255D.png?imgmax=800 "Updated XPath in the chart settings dialog") StyleVision comprend un éditeur d'expressions XPath auquel vous pouvez accéder en cliquant sur le bouton "modifier" situé à côté de chaque expression XPath mentionnée ci-dessus. L'éditeur d'expressions XPath propose un mode "constructeur" et un mode "évaluateur" pour faciliter la création d'expressions XPath 1.0 et XPath 2.0. Le mode "constructeur" offre une vérification syntaxique en temps réel et une fonction de complétion automatique pour améliorer l'efficacité. L'éditeur XPath est affiché en format réduit ci-dessous : ![Constructeur d'expressions XPath (vue simplifiée)](https://lh5.ggpht.com/-Ub_TN4ToohM/Ujnh5S626lI/AAAAAAAABUM/HiponeePKfk/clip_image011%25255B3%25255D.png?imgmax=800 "XPath Builder (reduced view)") Une fois que nous avons redimensionné la liste déroulante pour qu'elle s'adapte à l'entrée la plus large, le formulaire électronique apparaît ainsi : ![Livre électronique interactif pour la présentation de données](https://lh6.ggpht.com/-0yA20dK6nbU/Ujnh6j9GF7I/AAAAAAAABUU/g2vu5nIXBPk/clip_image012%25255B3%25255D.png?imgmax=800 "Interactive e-Pub for data reporting") La liste déroulante permet à l'utilisateur de sélectionner n'importe quel autre graphique ![Sélection d'un nouvel utilisateur à partir de la liste déroulante d'une boîte de sélection](https://lh4.ggpht.com/-IG1CxL7EX54/Ujnh7K_KfpI/AAAAAAAABUc/DIEOPx80NSU/clip_image013%25255B3%25255D.png?imgmax=800 "New user selection from combo-box drop-down") La valeur XML de la nouvelle sélection remplace le contenu de `` élément dans le fichier userselections.xml, et les deux expressions XPath génèrent de nouveaux résultats : ![Rapport mis à jour sur les livres électroniques](https://lh3.ggpht.com/-zjsWOtn6bhQ/Ujnh7rIzJ7I/AAAAAAAABUo/NOL594co0Bg/clip_image014%25255B3%25255D.png?imgmax=800 "Updated e-Pub report") [Cliquez ici pour télécharger une version d'essai gratuite du logiciel Altova MissionKit](https://www.altova.com/fr/download-trial.html)**... notamment XMLSpy, MapForce et StyleVision, et commencez à utiliser XPath pour affiner vos propres sélections de données !**