--- title: "XPath-expressies voor data-rapportage" 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: Dit artikel onderzoekt het gebruik van XPath-expressies in XMLSpy en StyleVision voor effectieve data-rapportage, inclusief interactieve elektronische formulieren en het maken van grafieken. --- Status: #blog Tags: #altova-xmlspy #authentic #epub #stylevision #xml-reports #xpath Categories: [xpath+xquery](/blog/nl/category/xpathxquery.md) # XPath-expressies voor data-rapportage In onze eerdere post, getiteld "[Gebruik XPath-expressies om gegevensselectie te verfijnen](https://www.altova.com/blog/2013/09/use-xpath-expressions-to-refine-data.html)", beschreven we hoe u XMLSpy kunt gebruiken om een XPath-expressie te ontwikkelen waarmee u een specifieke tabel met gegevens kunt selecteren uit een veel grotere dataset die wordt geleverd door het Amerikaanse Ministerie van Onderwijs. ![Een HTML-rapport, gebaseerd op gegevensselectie via XPath in 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") We kunnen het werk in [XMLSpy](https://www.altova.com/nl/xmlspy.html) hergebruiken om snel een [StyleVision](https://www.altova.com/nl/stylevision.html)-ontwerp te maken voor een rapport of een elektronisch formulier, waarmee we belangrijke informatie uit de data kunnen presenteren. We kunnen beginnen met een eenvoudig ontwerp in StyleVision, gebaseerd op het gradData XML-schema en het XML-bestand dat we in XMLSpy hebben gemaakt. Omdat we onze definitieve, verfijnde grafiekinstellingen in XMLSpy hebben opgeslagen, kunnen we het grafiekontwerp ook in StyleVision opnieuw laden. ![Stijlvol ontwerp voor het rapport met data](https://lh5.ggpht.com/-xiB7bV790Jk/Ujnh0IRLadI/AAAAAAAABTE/2Iu9DewDrVE/clip_image002%25255B3%25255D.png?imgmax=800 "StyleVision design for the data report") We zullen de XPath-expressie `set setnum="FOS"` gebruiken, die in XMLSpy is ontwikkeld, op twee plaatsen om slechts één van de tabellen te selecteren die zich in het grotere XML-bestand bevinden. Deze expressie zal alleen overeenkomen met de `/data/set` waarvan het attribuut `setnum` gelijk is aan "FOS": `set setnum="FOS"`. Allereerst gebruiken we een expressie om de voorwaardelijke output van het beschrijvingselement te definiëren. Elke individuele tabel bevat een beschrijving die gebruikt kan worden als een nuttige titel voor een grafiek. We kunnen de XPath-expressie invoeren in het hulpmiddelvenster voor de eigenschappen, specifiek voor de conditie. ![Venster met de eigenschappen voor de voorwaardelijke controle, waarin de XPath-expressie wordt weergegeven](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") De weergave verschijnt dan wanneer de cursor over de voorwaarde beweegt: ![De XPath-expressie wordt weergegeven in het ontwerpvenster](https://lh6.ggpht.com/-29GKlKQI2lg/Ujnh1IkwNKI/AAAAAAAABTU/uwAQH1bDzsU/clip_image004%25255B3%25255D.png?imgmax=800 "XPath displayed in the design window") We zullen ook de XPath-expressie gebruiken in het dialoogvenster "Grafiekinstellingen" om de rijen data te selecteren die in de grafiek moeten worden weergegeven ![XPath voor het selecteren van gegevens in het dialoogvenster voor grafiekinstellingen](https://lh3.ggpht.com/-2CPnWbnUFDo/Ujnh1pCrmCI/AAAAAAAABTc/sSVaLkPHNo4/clip_image005%25255B3%25255D.png?imgmax=800 "XPath for data selection in the chart settings dialog") Deze twee voorbeelden genereerden de HTML-code die in de eerste afbeelding aan het begin van dit artikel wordt weergegeven. **Een XPath-expressie in combinatie met een keuzelijst zorgt ervoor dat de gebruiker een keuze kan maken** We kunnen het rapport omzetten in een interactieve versie [Authentic](https://www.altova.com/nl/authentic.html) Een e-formulier kan worden geconfigureerd door een XML-element als variabele te gebruiken in de XPath-expressie, in plaats van de vastgecodeerde stringwaarde "FOS". Hierdoor kunnen we de gebruiker de mogelijkheid geven om de inhoud van het XML-element in te stellen via een keuzelijst. Om deze functionaliteit te implementeren, zullen we een tweede XML-bestand toevoegen om de tijdelijke gebruikersselectie op te slaan. Dit bestand wordt hieronder weergegeven in de vensters "StyleVision Design Overzicht" en "Schema Boom". ![Overzicht van het ontwerp en een schema-boom die meerdere werkende XML-bestanden weergeven](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") We kunnen het keuzelijstmenu bovenaan het formulier plaatsen, boven de beschrijving en het diagram. ![Een combobox is toegevoegd aan het ontwerp voor interactieve bediening](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 biedt verschillende manieren om het gedrag van een combobox te definiëren. We zullen een lijst gebruiken met zichtbare opties, elk met een bijbehorende XML-waarde. ![Definitie van de zichtbare items en XML-waarden in een combobox](https://lh4.ggpht.com/-FKR2V28AAo0/Ujnh3rnMaSI/AAAAAAAABT0/AxeFDeQ3O5I/clip_image008%25255B3%25255D.png?imgmax=800 "Combo box defintion of Visible Entries and XML values") De keuzelijst wijst een XML-waarde toe aan het veld "chart" in het bestand "userselections.xml", waarna we deze waarde kunnen vergelijken met het attribuut "setnum" in het bestand "gradData.xml". Vervolgens moeten we beide XPath-expressies aanpassen. De nieuwe XPath-expressie voor de conditie die aan de beschrijving is toegewezen, is: ../@setnum=$XML2/userchoice/chart zoals hieronder te zien is in het eigenschappenvenster. ![Bijgewerkte XPath-expressie voor de door de gebruiker geselecteerde weergave](https://lh3.ggpht.com/-JdpIuvVUwkg/Ujnh4LTVkgI/AAAAAAAABT8/zgCirqKk4N4/clip_image009%25255B3%25255D.png?imgmax=800 "Updated XPath expression for user-selected display") De nieuwe XPath-expressie voor de grafiekgegevens is: `$XML/data/set[@setnum=$XML2/userchoice/chart]/row` zoals te zien is in het dialoogvenster voor grafiekinstellingen. ![Bijgewerkte XPath-expressie in het dialoogvenster voor grafiekinstellingen](https://lh5.ggpht.com/-dGod4uRG51s/Ujnh4o79oAI/AAAAAAAABUE/4ARuRxZhoY4/clip_image010%25255B3%25255D.png?imgmax=800 "Updated XPath in the chart settings dialog") StyleVision bevat een XPath-expressie-editor die u kunt openen door op de bewerkingsknop naast een van de bovenstaande XPath-expressies te klikken. De XPath-expressie-editor heeft een "bouwmmodus" en een "evaluatiemodus" om u te helpen bij het schrijven van XPath 1.0 en XPath 2.0. De bouwmmodus biedt real-time syntaxiscontrole en een automatisch aanvullingsvenster voor efficiëntie. De XPath-editor wordt hieronder in een kleinere weergave weergegeven: ![XPath-bouwer (vereenvoudigde weergave)](https://lh5.ggpht.com/-Ub_TN4ToohM/Ujnh5S626lI/AAAAAAAABUM/HiponeePKfk/clip_image011%25255B3%25255D.png?imgmax=800 "XPath Builder (reduced view)") Nadat we de combobox hebben aangepast zodat deze de langste invoer kan weergeven, ziet het e-formulier er als volgt uit: ![Interactieve e-pub voor het presenteren van data](https://lh6.ggpht.com/-0yA20dK6nbU/Ujnh6j9GF7I/AAAAAAAABUU/g2vu5nIXBPk/clip_image012%25255B3%25255D.png?imgmax=800 "Interactive e-Pub for data reporting") De combobox stelt de gebruiker in staat om een ander diagram te selecteren: ![Nieuwe gebruiker selecteren uit de dropdown-lijst van het combobox-menu](https://lh4.ggpht.com/-IG1CxL7EX54/Ujnh7K_KfpI/AAAAAAAABUc/DIEOPx80NSU/clip_image013%25255B3%25255D.png?imgmax=800 "New user selection from combo-box drop-down") De XML-waarde van de nieuwe selectie vervangt de inhoud van het `` element in het bestand userselections.xml, en beide XPath-expressies genereren nieuwe resultaten: ![Bijgewerkt e-pub rapport](https://lh3.ggpht.com/-zjsWOtn6bhQ/Ujnh7rIzJ7I/AAAAAAAABUo/NOL594co0Bg/clip_image014%25255B3%25255D.png?imgmax=800 "Updated e-Pub report") [Klik hier om een gratis proefversie van Altova MissionKit te downloaden](https://www.altova.com/nl/download-trial.html)**... waaronder XMLSpy, MapForce en StyleVision, en begin met XPath om uw eigen gegevensselecties te verfijnen!**