--- title: "Przetwarzanie API Groupon – Część 3" date: "2011-08-23" categories: - "xpath" tags: - "altova-xmlspy" - "code-generation" - "data-integration" - "data-mapping" - "mapforce" - "missionkit" - "stylevision" - "xpath" - "xslt" description: W tym artykule opisano, jak przekształcić dane XML z API Groupon na format HTML, wykorzystując narzędzia MapForce i StyleVision, a także przedstawiono techniki automatyzacji, które ułatwią wprowadzanie przyszłych aktualizacji. --- Status: #blog Tags: #altova-xmlspy #code-generation #data-integration #data-mapping #mapforce #missionkit #stylevision #xpath #xslt Categories: [xpath+xquery](/blog/pl/category/xpathxquery.md) # Przetwarzanie API Groupon – Część 3 W tym wpisie, który zamyka serię, zastosujemy arkusz stylów, aby przekształcić dane XML, utworzone na podstawie mapowania interfejsu API Groupon, na format HTML. Poniżej znajduje się przykład danych XML, które otrzymaliśmy w wyniku mapowania, o którym wspominaliśmy w poprzednim wpisie: [![Pliki XML generowane przez program MapForce, wykorzystujący interfejs API firmy Groupon](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) **Przypisanie arkusza stylów do transformacji XML** Okno dialogowe ustawień komponentu, dotyczące komponentu wyjściowego w mapowaniu MapForce, umożliwia przypisanie arkusza stylów utworzonego za pomocą [Altova StyleVision](https://www.altova.com/pl/stylevision.html). [![Przypisanie arkusza stylów StyleVision do komponentu MapForce](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) Przypisanie arkusza stylów do komponentu wyjściowego mapowania danych integruje funkcje MapForce i StyleVision, a na dole okna mapowania MapForce pojawia się nowa seria przycisków do formatów HTML, RTF, PDF i Microsoft Word. (Muszą być zainstalowane zarówno MapForce, jak i StyleVision na komputerze) [![Formaty wyjściowe MapForce dostępne za pomocą arkusza stylów](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) Po kliknięciu dowolnego z przycisków formatu wyjściowego, MapForce wykonuje mapowanie danych dokładnie tak, jak opisano we wcześniejszym wpisie. MapForce bezproblemowo przekazuje wynik XML do programu StyleVision, gdzie jest on przekształcany do wybranego formatu. Następnie MapForce wyświetla sformatowany dokument w oknie wyjściowym. Poniżej znajduje się okno wyjściowe MapForce dla formatu HTML, oparte na arkuszu stylów StyleVision Power Stylesheet, który został wcześniej przypisany: [![Wygenerowany przez MapForce kod HTML, oparty na interfejsie API firmy Groupon](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) Menu "Wyjście" w MapForce umożliwia zapisanie wyników mapowania danych XML lub dokumentu HTML sformatowanego zgodnie z arkuszem stylów. **Jak stworzyć arkusz stylów** Opracowaliśmy arkusz stylów dla mapowania danych interfejsu API Groupon, korzystając z narzędzia Altova StyleVision, w oparciu o schemat XML dla komponentu wyjściowego MapForce. Intuicyjny interfejs StyleVision oraz zaawansowane funkcje dostępu i manipulacji danymi ułatwiają tworzenie atrakcyjnych dokumentów w formatach HTML, RTF, PDF i Microsoft Word na podstawie plików XML. Zrzut ekranu poniżej przedstawia widok projektowania arkusza stylów "Extreme Groupon" w programie StyleVision. Niebieskie, ponumerowane kółka wskazują lokalizację poszczególnych elementów projektu, opisanych poniżej obrazu. [![StylVision: arkusz stylów dla mapowania interfejsu API Groupon w MapForce ](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) **Cechy pliku SPS** 1. Użytkownik może zdefiniować znacznik meta viewport w kodzie HTML, co dotyczy urządzeń mobilnych. Dzięki temu możemy zaprojektować jeden arkusz stylów, który generuje pojedynczy plik HTML, wyświetlany zarówno na komputerach, jak i na urządzeniach mobilnych 2. Tytuł dokumentu z możliwością dostosowania czcionki, rozmiaru i koloru 3. Element autocalc wykorzystuje funkcję XPath "count" do zliczenia liczby transakcji w dokumencie XML, a następnie wstawia tę sumę 4. Znacznik czasu (timestamp) jest umieszczany na początku dokumentu, mimo że element daty występuje na końcu pliku danych wejściowych w formacie XML 5. Obrazy z witryn Altova i Groupon są odwoływane za pomocą hiperłączy, a nie jako dane obrazów wbudowane bezpośrednio w tekst 6. Poziome linie oddzielają poszczególne oferty. W przypadku dokumentów HTML, linie te automatycznie dopasowują się do szerokości okna przeglądarki 7. Dostosowane czcionki i rozmiary przypisane do różnych elementów 8. Tabela z dwiema kolumnami służy do uporządkowania opisu każdej oferty 9. Adresy URL w pliku XML są dynamicznie przypisywane jako hiperłącza dla osadzonych obrazów, tekstu statycznego oraz danych dynamicznych StyleVision Power Stylesheets umożliwia łączenie wielu plików .xsd, istniejących arkuszy stylów .css, schematów baz danych, taksonomii XBRL i innych elementów, aby generować bogato sformatowane raporty, które mogą zawierać nawet automatycznie generowane wykresy w różnych stylach. Można również użyć StyleVision do tworzenia formularzy elektronicznych z polami do wprowadzania danych, listami rozwijanymi, przyciskami opcji i innymi zaawansowanymi funkcjami. **Podgląd transformacji arkuszy stylów** StyleVision umożliwia przypisanie pliku XML do podglądu, co pozwala na ocenę efektu wizualnego podczas projektowania arkusza stylów. Przyciski umieszczone na dole okna projektowania ułatwiają wyświetlanie sformatowanego pliku podczas dopracowywania projektu. Zapisaliśmy wynik mapowania MapForce w formacie XML i przypisaliśmy go jako nasz plik roboczy. Po zakończeniu projektowania arkusza stylów, podgląd HTML w StyleVision był identyczny z oknem wyjściowym HTML w MapForce, jak pokazano powyżej. Aby wyświetlić dokument na urządzeniu mobilnym, można albo opublikować plik HTML jako stronę internetową, albo wysłać go jako załącznik e-mail. [![Wersja HTML danych zmapowanych w MapForce, dostępna na urządzeniu mobilnym](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) Oprócz samej definicji stylów i sformatowanych wersji dokumentu roboczego, StyleVision umożliwia zapisywanie wygenerowanych plików XSLT, które można wykorzystać do transformacji innych plików XML przy użyciu zaprojektowanych przez użytkownika stylów, niezależnie od aplikacji StyleVision. **Automatyzacja – kolejna odsłona** W przyszłości, gdy będziecie chcieli ponownie przeprowadzić mapowanie danych i zaktualizować dokument HTML najnowszymi danymi, istnieje dwie metody automatyzacji tego procesu: - Można uruchomić MapForce z poziomu [interfejs wiersza poleceń](https://www.altova.com/pl/mapforce/mapforce-api.html#MF_ed_comp_5) z możliwością określenia nazwy pliku definicji mapowania, a także możliwością wywołania programu StyleVision w celu utworzenia sformatowanego wyniku - Można [generować kod bez opłat licencyjnych](https://www.altova.com/pl/mapforce/code-generation.html) dla mapowania w językach XSLT, Java, C++ lub C#, który można połączyć z kodem XSLT z programu StyleVision, aby stworzyć własną, kompleksową aplikację XMLSpy, MapForce i StyleVision są dostępne razem w specjalnie zaprojektowanym pakiecie Altova MissionKit, oferującym atrakcyjną cenę. Sprawdź sam, jak łatwo jest wykorzystać MissionKit do konwersji danych z interfejsu API – [pobierz bezpłatną 30-dniową wersję próbną!](https://www.altova.com/pl/download/missionkit/software_development_tools_enterprise.html) **Uwaga redakcji:** Nasza oryginalna seria artykułów na temat mapowania danych z API Groupon składała się z trzech części, do których można sięgnąć, klikając poniższe linki: Część 1, zatytułowana "[Przetwarzanie API Groupon za pomocą Altova MapForce](https://www.altova.com/blog/2011/08/processing-groupon-api-with-altova.html)", opisuje, jak tworzyć dynamiczne źródła danych, pobierając informacje z wielu adresów URL. [Przetwarzanie API Groupon za pomocą MapForce – Część 2](https://www.altova.com/blog/2011/08/processing-groupon-api-with-mapforce.html) wyjaśnia, jak filtrowaliśmy dane z API i definiowaliśmy wynik, aby wydobyć tylko najbardziej interesujące szczegóły. [Przetwarzanie API Groupon – Część 3](https://www.altova.com/blog/2011/08/processing-groupon-api-part-3.html) opisuje formatowanie wyniku jako pojedynczego dokumentu HTML, zoptymalizowanego dla urządzeń stacjonarnych i mobilnych, oraz omawia sposoby automatyzacji powtarzalnego wykonywania.