Visualizza i dati JSON nella pagina HTML

Nel mondo odierno esperto di tecnologia, la visualizzazione dei dati gioca un ruolo fondamentale nel presentare le informazioni in modo efficace e completo. La capacità di generare report dinamici utilizzando dati e modelli JSON in vari formati come documenti Word, fogli di calcolo o formato testo è fondamentale sia per gli sviluppatori che per le aziende. In questo post del blog, guideremo gli sviluppatori Python su come sfruttare l’API REST GroupDocs.Assembly Cloud e il suo SDK Python per caricare i dati del report sotto forma di JSON e un file modello, quindi visualizzare i report generati su un HTML pagina. L’API fornisce una serie di funzionalità come grafici, tabelle, immagini, codici a barre e altro per creare report informativi e visivamente accattivanti.

Prerequisiti:

Prima di iniziare, assicurati di avere a disposizione quanto segue:

  • Python installato sul tuo sistema.
  • GroupDocs.Assembly Cloud SDK per Python installato.
  • Un account GroupDocs.Assembly Cloud attivo con credenziali API valide.
  • Dati e modelli di esempio per i test (utilizzeremo i seguenti dati JSON di esempio e il modello di report).

Dati JSON di esempio

Salva i seguenti dati in un file JSON.

\[
	{
		"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}\]
	}
\]

Modello di esempio

Crea il seguente modello in TXT, DOCX o nel formato richiesto per ripetere i dati dei gestori insieme ai rispettivi clienti e dettagli. Procedere quindi con il codice per la generazione del report.

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

Punti da coprire:

Configurare l’SDK del generatore di report HTML Python

Per cominciare, installa GroupDocs.Assembly Cloud SDK for Python sul tuo progetto Python con pip (programma di installazione del pacchetto per Python) utilizzando il seguente comando nella console:

pip install groupdocs-assembly-cloud

Avvia il client API

Ora, recupera il tuo ID cliente e il Segreto cliente dal dashboard e aggiungi il codice come mostrato di seguito:

Carica l’origine dati e i file modello

Innanzitutto, carica l’origine dati e i file modello sul cloud utilizzando l’esempio di codice fornito di seguito:

Di conseguenza, i file caricati saranno disponibili nella sezione file della tua dashboard sul cloud.

Visualizza i dati JSON su una pagina HTML utilizzando Python

Per visualizzare i dati JSON su una pagina HTML, seguire i passaggi indicati di seguito:

  1. Crea un’istanza di AssemblyApi con client_id e client_secret.
  2. Configurare le informazioni sul modello con un percorso file, nome di archiviazione, ID versione e password.
  3. Preparare la richiesta di assemblaggio utilizzando AssembleOptions con dati del report, informazioni sul modello, percorso di output e formato di salvataggio.
  4. Generare il report HTML utilizzando il metodo AssemblyApi.assemble_document(AssembleOptions).

L’esempio di codice seguente mostra come visualizzare i dati JSON in una pagina HTML utilizzando l’API REST del generatore di report Python SDK per HTML.

Scarica il file HTML

Il codice fornito nel passaggio precedente salva il file HTML convertito sul cloud. Per scaricarlo è possibile utilizzare il seguente snippet di codice.

Conclusione

In questo post del blog, abbiamo trattato il processo di visualizzazione dei dati JSON su una pagina HTML utilizzando l’API REST GroupDocs.Assembly Cloud e il relativo SDK Python. Questa potente API consente agli sviluppatori di generare facilmente report dinamici in vari formati, sfruttando dati da origini e modelli JSON o XML in diversi formati come documenti Word, fogli di calcolo o file di testo.

Inoltre, puoi ottenere ulteriori informazioni sull’API GroupDocs.Assembly Cloud utilizzando la documentazione. Forniamo anche una sezione Riferimento API che ti consente di visualizzare e interagire con le nostre API direttamente tramite il browser. Il codice sorgente completo dell’SDK Python è disponibile gratuitamente su Github.

Infine, continuiamo a scrivere nuovi articoli di blog su diversi formati di file e ad analizzarli utilizzando l’API REST. Quindi, ti invitiamo a contattarci per gli ultimi aggiornamenti. Buona programmazione!

Fai una domanda

In caso di domande o dubbi sul generatore di report HTML, non esitate a contattarci tramite il nostro forum.

Guarda anche

Ecco alcuni articoli correlati che potresti trovare utili: