JSON-Daten auf einer HTML-Seite anzeigen

In der heutigen technikaffinen Welt spielt die Datenvisualisierung eine entscheidende Rolle bei der effektiven und umfassenden Darstellung von Informationen. Die Möglichkeit, dynamische Berichte mithilfe von JSON-Daten und Vorlagen in verschiedenen Formaten wie Word-Dokumenten, Tabellenkalkulationen oder Textformaten zu erstellen, ist für Entwickler und Unternehmen gleichermaßen von entscheidender Bedeutung. In diesem Blogbeitrag zeigen wir Python-Entwicklern, wie sie die GroupDocs.Assembly Cloud REST API und ihr Python SDK nutzen können, um Berichtsdaten in Form von JSON und einer Vorlagendatei hochzuladen und die generierten Berichte dann auf einem [HTML][ anzuzeigen. 1] Seite. Die API bietet eine Reihe von Funktionen wie Diagramme, Tabellen, Bilder, Barcodes und mehr, um visuell ansprechende und informative Berichte zu erstellen.

Voraussetzungen:

Bevor Sie beginnen, stellen Sie sicher, dass Folgendes vorhanden ist:

  • Python auf Ihrem System installiert. – GroupDocs.Assembly Cloud SDK für Python installiert. – Ein aktives GroupDocs.Assembly Cloud-Konto mit gültigen API-Anmeldeinformationen.
  • Beispieldaten und Vorlagen zum Testen (wir verwenden die folgenden JSON-Beispieldaten und Berichtsvorlagen).

JSON-Beispieldaten

Speichern Sie die folgenden Daten in einer JSON-Datei.

\[
	{
		"Name":"John Smith","Contract":\[
		{"Client":{"Name":"A Company"},"Price":1200000},
		{"Client":{"Name":"B Ltd."},"Price":750000},
		{"Client":{"Name":"C & D"},"Price":350000}\]
	},
	{
		"Name":"Tony Anderson","Contract":\[
		{"Client":{"Name":"E Corp."},"Price":650000},
		{"Client":{"Name":"F & Partners"},"Price":550000}\]
	},
	{
		"Name":"July James","Contract":\[
		{"Client":{"Name":"G & Co."},"Price":350000},
		{"Client":{"Name":"H Group"},"Price":250000},
		{"Client":{"Name":"I & Sons"},"Price":100000},
		{"Client":{"Name":"J Ent."},"Price":100000}\]
	}
\]

Beispielvorlage

Erstellen Sie die folgende Vorlage in TXT, DOCX oder dem erforderlichen Format, um die Daten der Manager zusammen mit ihren jeweiligen Kunden und Details zu iterieren. Fahren Sie dann mit dem Code zur Berichtserstellung fort.

<<foreach [in managers]>>Manager: <<[Name]>>
Contracts:
<<foreach [in Contract]>>- <<[Client.Name]>> ($<<[Price]>>)
<</foreach>>
<</foreach>>

Abzudeckende Punkte:

Konfigurieren Sie das Python HTML Report Generator SDK

Installieren Sie zunächst GroupDocs.Assembly Cloud SDK für Python mit pip (Paketinstallationsprogramm für Python) in Ihrem Python-Projekt, indem Sie den folgenden Befehl in der Konsole verwenden:

pip install groupdocs-assembly-cloud

Starten Sie den API-Client

Rufen Sie nun bitte Ihre Client-ID und Ihr Client-Geheimnis aus dem Dashboard ab und fügen Sie den Code wie unten gezeigt hinzu:

Laden Sie die Datenquelle und die Vorlagendateien hoch

Laden Sie zunächst die Datenquelle und die Vorlagendateien mithilfe des unten angegebenen Codebeispiels in die Cloud hoch:

Dadurch sind die hochgeladenen Dateien im Dateienbereich Ihres Dashboards in der Cloud verfügbar.

Zeigen Sie JSON-Daten auf einer HTML-Seite mit Python an

Um JSON-Daten auf einer HTML-Seite anzuzeigen, befolgen Sie bitte die folgenden Schritte:

  1. Erstellen Sie eine Instanz von AssemblyApi mit client_id und client_secret.
  2. Richten Sie Vorlageninformationen mit Dateipfad, Speichername, Versions-ID und Passwort ein.
  3. Bereiten Sie die Assemble-Anfrage mit AssembleOptions mit Berichtsdaten, Vorlageninformationen, Ausgabepfad und Speicherformat vor.
  4. Generieren Sie den HTML-Bericht mit der Methode AssemblyApi.assemble_document(AssembleOptions).

Das folgende Codebeispiel zeigt, wie JSON-Daten auf einer HTML-Seite mithilfe der REST-API des Python SDK für den HTML-Berichtsgenerator angezeigt werden.

Laden Sie die HTML-Datei herunter

Der im vorherigen Schritt angegebene Code speichert die konvertierte HTML-Datei in der Cloud. Um es herunterzuladen, können Sie den folgenden Codeausschnitt verwenden.

Abschluss

In diesem Blogbeitrag haben wir den Prozess der Anzeige von JSON-Daten auf einer HTML-Seite mithilfe der GroupDocs.Assembly Cloud REST API und ihres Python SDK behandelt. Mit dieser leistungsstarken API können Entwickler mühelos dynamische Berichte in verschiedenen Formaten erstellen und dabei Daten aus JSON- oder XML-Quellen und Vorlagen in verschiedenen Formaten wie Word-Dokumenten, Tabellenkalkulationen oder Textdateien nutzen.

Darüber hinaus können Sie mithilfe der Dokumentation mehr über die GroupDocs.Assembly Cloud API erfahren. Wir bieten auch einen Abschnitt API-Referenz an, mit dem Sie unsere APIs direkt über den Browser visualisieren und mit ihnen interagieren können. Der vollständige Quellcode des Python SDK ist auf Github frei verfügbar.

Schließlich schreiben wir weiterhin neue Blogartikel in verschiedenen Dateiformaten und analysieren sie mithilfe der REST-API. Bitte kontaktieren Sie uns für die neuesten Updates. Viel Spaß beim Codieren!

Stelle eine Frage

Falls Sie Fragen oder Unklarheiten zum HTML-Berichtsgenerator haben, können Sie uns gerne über unser Forum kontaktieren.

Siehe auch

Hier sind einige verwandte Artikel, die für Sie hilfreich sein könnten: