--- title: "Verarbeitung der Groupon-API – Teil 3" date: "2011-08-23" categories: - "xpath" tags: - "altova-xmlspy" - "code-generation" - "data-integration" - "data-mapping" - "mapforce" - "missionkit" - "stylevision" - "xpath" - "xslt" description: Dieser Artikel beschreibt detailliert, wie XML-Daten von der Groupon-API mithilfe von MapForce und StyleVision in HTML umgewandelt werden können, einschließlich Automatisierungstechniken für zukünftige Aktualisierungen. --- Status: #blog Tags: #altova-xmlspy #code-generation #data-integration #data-mapping #mapforce #missionkit #stylevision #xpath #xslt Categories: [xpath+xquery](/blog/de/category/xpathxquery.md) # Verarbeitung der Groupon-API – Teil 3 In diesem letzten Beitrag der Reihe werden wir ein Stylesheet verwenden, um die XML-Daten, die wir durch die Abbildung der Groupon-API erstellt haben, in HTML umzuwandeln. Hier ist ein Beispiel für die XML-Ausgabe, die wir beim letzten Mal durch die Datenabbildung erzeugt haben: [![XML-Dateien, die von MapForce aus der Groupon-API generiert wurden](https://lh3.ggpht.com/-h0F6UNg0mYE/TkrQemSqO1I/AAAAAAAAAfU/9P9AGv4m8A0/clip_image001_thumb.png?imgmax=800 "XML produced by MapForce from the Groupon API")](http://lh5.ggpht.com/-XL3rbj8xibk/Tkqn-_a3EnI/AAAAAAAAAfQ/4zpv56LY3n0/s1600-h/clip_image0013.png) **Ein Stylesheet zuweisen, um XML zu transformieren** Über den Dialog "Komponenteneinstellungen" für den Ausgabekomponenten des MapForce-Mappings können wir ein Stylesheet zuweisen, das mit [Altova StyleVision](https://www.altova.com/de/stylevision.html) erstellt wurde. [![Eine StyleVision-Formatvorlage einem MapForce-Komponenten zuweisen](https://lh5.ggpht.com/-pEOLdoTlHi8/TkrQgawhHbI/AAAAAAAAAfc/oMOs9DkhVQg/clip_image002_thumb.png?imgmax=800 "Assigning a StyleVision Stylesheet to a MapForce component")](http://lh6.ggpht.com/-jkc4oqy44F8/TkrQfV8KTuI/AAAAAAAAAfY/SnuxbQJpTZA/s1600-h/clip_image0023.png) Das Zuweisen einer Stylesheet-Datei zum Datenmapping-Ausgabekomponenten integriert die Funktionen von MapForce und StyleVision. Eine neue Reihe von Schaltflächen erscheint am unteren Rand des MapForce-Mapping-Fensters für die Formate HTML, RTF, PDF und Microsoft Word. (Sie müssen sowohl MapForce als auch StyleVision auf Ihrem Computer installiert haben.) [![Die von MapForce unterstützten Ausgabemuster sind über eine Stylesheet-Datei verfügbar](https://lh6.ggpht.com/--s7AXIp_w0s/TkvWFVa96cI/AAAAAAAAAfk/7itaFHSma0c/clip_image003_thumb.png?imgmax=800 "MapForce ouput formats available through a stylesheet")](http://lh4.ggpht.com/-GfSEJ5Q-sTI/TkrQhetcQgI/AAAAAAAAAfg/HkruS5kOnHo/s1600-h/clip_image0033.png) Wenn Sie auf einen der Schaltflächen für das Ausgabeformat klicken, führt MapForce die Datenzuordnung genau wie in dem vorherigen Beitrag beschrieben aus. MapForce übergibt die XML-Ausgabe nahtlos an StyleVision, wo sie in das ausgewählte Format umgewandelt wird. Anschließend zeigt MapForce das formatierte Dokument im Ausgabefenster an. Hier ist das MapForce-Ausgabefenster für HTML, basierend auf dem in StyleVision zugewiesenen Stylesheet: [![HTML-Ausgabe, die von MapForce aus der Groupon-API generiert wird](https://lh6.ggpht.com/-jDCDPWVxHqw/TkvWGgysN5I/AAAAAAAAAfs/QDZMscS7T_Y/clip_image004_thumb.png?imgmax=800 "HTML output produced by MapForce from the Groupon API")](http://lh6.ggpht.com/-tjJnbT8WLrY/TkvWGE62H3I/AAAAAAAAAfo/iy0l9HADNAA/s1600-h/clip_image0043.png) Das Menü "Ausgabe" in MapForce ermöglicht es Ihnen, die XML-Datenmapping-Ausgabe oder das HTML-Dokument zu speichern, das gemäß der Stylesheet-Vorlage formatiert wurde. **Wie man eine Stylesheet erstellt** Wir haben ein Stylesheet für die Zuordnung der Daten der Groupon-API mit Altova StyleVision erstellt, basierend auf dem XML-Schema für das MapForce-Ausgabeformat. Die intuitive StyleVision-Oberfläche und die leistungsstarken Funktionen für den Datenzugriff und die Datenmanipulation erleichtern die Erstellung ansprechender Dokumente in HTML-, RTF-, PDF- und Microsoft Word-Formaten aus XML-Dateien. Der Screenshot unten zeigt die Designansicht des StyleVision-Stylesheets für Extreme Groupon. Die blauen, nummerierten Kreise zeigen die Position der einzelnen Designelemente, die im Folgenden unterhalb des Bildes aufgeführt sind. [![StyleVision-Stylesheet für die Mapping-Konfiguration der MapForce-Integration mit der Groupon API ](https://lh6.ggpht.com/-pnx-fT078tc/TkvWHLUifZI/AAAAAAAAAf0/66UAjZTag7I/clip_image005_thumb.png?imgmax=800 "StyleVision stylesheet for the MapForce Groupon API mapping ")](http://lh3.ggpht.com/-udSLWXUrC48/TkvWG3rY1rI/AAAAAAAAAfw/m_acYhFa4oY/s1600-h/clip_image0053.png) **Funktionen der SPS-Datei** 1. Benutzerdefinierte HTML-Einstellungen legen das Meta-Tag für den Viewport für mobile Geräte fest. Dadurch können wir ein einzelnes Stylesheet erstellen, das eine einzige HTML-Datei für Computer und mobile Geräte generiert 2. Dokumenttitel mit benutzerdefinierter Schriftart, -größe und -farbe 3. Ein Autocalc-Element verwendet die XPath-Funktion "count", um die Anzahl der Einträge in dem XML-Eingabedokument zu zählen, und fügt dann die Gesamtzahl ein 4. Der Zeitstempel für das Datum wird am Anfang des Dokuments platziert, obwohl das Datumsfeld im XML-Eingabedatei am Ende steht 5. Die Bilder von den Webseiten von Altova und Groupon werden über Hyperlinks referenziert, nicht als direkt eingebettete Bilddaten 6. Horizontale Linien trennen jede einzelne Vereinbarung. Bei HTML-Dokumenten passen sich diese Linien automatisch an die Breite des Browserfensters an 7. Benutzerdefinierte Schriftarten und -größen, die verschiedenen Elementen zugewiesen sind 8. Eine zweispaltige Tabelle ordnet die Beschreibungen der einzelnen Angebote 9. Die URLs in der XML-Datei werden dynamisch als Hyperlinks für eingebettete Bilder, statische Texte und dynamische Daten zugewiesen StyleVision Power Stylesheets können mehrere .xsd-Dateien, bestehende .css-Stylesheets, Datenbankstrukturen, XBRL-Taxonomien und mehr kombinieren, um reich formatierte Berichte zu erstellen, die sogar automatisch generierte Diagramme in verschiedenen Stilen enthalten können. Mit StyleVision können Sie auch elektronische Formulare mit Dateneingabefeldern, Dropdown-Menüs, Radiobuttons und anderen erweiterten Funktionen definieren. **Vorschau von Stylesheet-Transformationen** StyleVision ermöglicht es Ihnen, eine XML-Datei als Arbeitsdatei zuzuweisen, um die Ergebnisse während der Gestaltung des Stylesheets anzuzeigen. Die Schaltflächen am unteren Rand des Designfensters erleichtern die Anzeige der formatierten Arbeitsdatei, während Sie Ihr Design verfeinern. Wir haben die XML-Ausgabe der MapForce-Zuordnung gespeichert und als unsere Arbeitsdatei zugewiesen. Sobald das Stylesheet fertiggestellt war, entsprach die HTML-Vorschau in StyleVision exakt dem HTML-Ausgabefenster von MapForce, wie oben gezeigt. Um das Dokument auf einem mobilen Gerät anzuzeigen, können Sie entweder die HTML-Datei als Seite auf einer Webseite veröffentlichen oder sie als Anhang per E-Mail versenden. [![Die HTML-Version der von MapForce verarbeiteten Daten, dargestellt auf einem mobilen Gerät](https://lh4.ggpht.com/-Xd-xWOlrDcA/TkvWIWhzLVI/AAAAAAAAAf8/Nx5x5yHOlaU/clip_image006_thumb.png?imgmax=800 "HTML version of the MapForce mapped data on a mobile device")](http://lh5.ggpht.com/-iQk8CUjKs9s/TkvWH5NOz2I/AAAAAAAAAf4/Ko9ZkvHYH1o/s1600-h/clip_image0063.png) Neben der Stylesheet-Datei selbst und den formatierten Versionen des Arbeitsdokuments ermöglicht StyleVision das Speichern der generierten XSLT-Dateien, um andere XML-Dateien mithilfe Ihres Stylesheet-Designs außerhalb der StyleVision-Anwendung zu transformieren. **Automatisierung beim nächsten Mal** In Zukunft, wenn Sie eine Datenzuordnung erneut ausführen und das HTML-Dokument mit aktuellen Daten aktualisieren möchten, gibt es zwei Möglichkeiten, diesen Prozess zu automatisieren: - Sie können MapForce über die [Befehlszeile](https://www.altova.com/de/mapforce/mapforce-api.html#MF_ed_comp_5) starten und dabei Parameter angeben, um den Namen der Mapping-Definitionsdatei festzulegen. Sie können sogar StyleVision aufrufen, um formatierte Ausgaben zu erstellen - Sie können [lizenzfreien Code](https://www.altova.com/de/mapforce/code-generation.html) für die Datenzuordnung in XSLT, Java, C++ oder C# generieren, um ihn mit dem XSLT-Code von StyleVision zu kombinieren und so Ihre eigene, umfassende Anwendung zu erstellen XMLSpy, MapForce und StyleVision sind alle zusammen im speziell preisgünstigen Altova MissionKit erhältlich. Überzeugen Sie sich selbst, wie einfach es ist, das MissionKit zu nutzen, um Daten von einer Web-API zu konvertieren – [laden Sie eine kostenlose 30-Tage-Testversion herunter!](https://www.altova.com/de/download/missionkit/software_development_tools_enterprise.html) **Anmerkung des Herausgebers:** Unsere ursprüngliche Serie über die Verarbeitung von Daten aus der Groupon-API wurde in drei Teilen veröffentlicht. Sie können die einzelnen Teile über die folgenden Links einsehen: Teil 1, "[Verarbeitung der Groupon-API mit Altova MapForce](https://www.altova.com/blog/2011/08/processing-groupon-api-with-altova.html)", beschreibt, wie man dynamische Eingaben erstellt, indem man Daten von mehreren URLs sammelt. Teil [Verarbeitung der Groupon-API mit MapForce – Teil 2](https://www.altova.com/blog/2011/08/processing-groupon-api-with-mapforce.html) beschreibt, wie wir Daten aus der API gefiltert und die Ausgabe definiert haben, um nur die interessantesten Details zu extrahieren. Teil [Verarbeitung der Groupon-API – Teil 3](https://www.altova.com/blog/2011/08/processing-groupon-api-part-3.html) beschreibt, wie die Ausgabe als ein einzelnes HTML-Dokument formatiert wurde, das für Desktop- und mobile Geräte optimiert ist, und gibt einen Überblick über Möglichkeiten zur Automatisierung wiederholter Ausführungen.