Afficher les données JSON dans une page HTML

Dans le monde technologique d’aujourd’hui, la visualisation des données joue un rôle central dans la présentation efficace et complète des informations. La possibilité de générer des rapports dynamiques à l’aide de données et de modèles JSON dans divers formats tels que des documents Word, des feuilles de calcul ou du format texte est cruciale pour les développeurs et les entreprises. Dans cet article de blog, nous guiderons les développeurs Python sur la façon d’exploiter l’API REST GroupDocs.Assembly Cloud et son SDK Python pour télécharger des données de rapport sous la forme de JSON et d’un fichier modèle, puis afficher les rapports générés sur un HTML page. L’API fournit une gamme de fonctionnalités telles que des graphiques, des tableaux, des images, des codes-barres, etc. pour créer des rapports visuellement attrayants et informatifs.

Conditions préalables:

Avant de commencer, assurez-vous d’avoir mis en place les éléments suivants :

  • Python installé sur votre système. - GroupDocs.Assembly Cloud SDK pour Python installé.
  • Un compte GroupDocs.Assembly Cloud actif avec des informations d’identification API valides.
  • Exemples de données et de modèles pour les tests (nous utiliserons les exemples de données JSON et le modèle de rapport suivants).

Exemples de données JSON

Enregistrez les données suivantes dans un fichier 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}\]
	}
\]

Exemple de modèle

Créez le modèle suivant au format TXT, DOCX ou dans le format requis pour itérer les données des gestionnaires avec leurs clients et détails respectifs. Passez ensuite au code de génération de rapport.

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

Points à aborder :

Configurer le SDK Python HTML Report Generator

Pour commencer, installez GroupDocs.Assembly Cloud SDK pour Python sur votre projet Python avec pip (package installer for Python) à l’aide de la commande suivante dans la console :

pip install groupdocs-assembly-cloud

Lancez le client API

Maintenant, veuillez récupérer votre ID client et votre Secret client sur le tableau de bord et ajoutez le code comme indiqué ci-dessous :

Téléchargez la source de données et les fichiers modèles

Tout d’abord, téléchargez la source de données et les fichiers modèles sur le cloud à l’aide de l’exemple de code ci-dessous :

En conséquence, les fichiers téléchargés seront disponibles dans la section fichiers de votre tableau de bord sur le cloud.

Afficher les données JSON sur une page HTML à l’aide de Python

Pour afficher les données JSON sur une page HTML, veuillez suivre les étapes ci-dessous :

  1. Créez une instance de AssemblyApi avec client_id et client_secret.
  2. Configurez les informations du modèle avec un chemin de fichier, un nom de stockage, un ID de version et un mot de passe.
  3. Préparez la demande d’assemblage à l’aide de AssembleOptions avec les données du rapport, les informations du modèle, le chemin de sortie et le format d’enregistrement.
  4. Générez le rapport HTML à l’aide de la méthode AssemblyApi.assemble_document(AssembleOptions).

L’exemple de code suivant montre comment afficher les données JSON sur une page HTML à l’aide de l’API REST du SDK Python pour le générateur de rapports HTML.

Télécharger le fichier HTML

Le code donné à l’étape précédente enregistre le fichier HTML converti sur le cloud. Pour le télécharger, vous pouvez utiliser l’extrait de code suivant.

Conclusion

Dans cet article de blog, nous avons couvert le processus d’affichage des données JSON sur une page HTML à l’aide de l’API REST GroupDocs.Assembly Cloud et de son SDK Python. Cette API puissante permet aux développeurs de générer sans effort des rapports dynamiques dans différents formats, en exploitant les données provenant de sources JSON ou XML et de modèles dans différents formats tels que des documents Word, des feuilles de calcul ou des fichiers texte.

De plus, vous pouvez en savoir plus sur l’API GroupDocs.Assembly Cloud à l’aide de la documentation. Nous fournissons également une section Référence API qui vous permet de visualiser et d’interagir avec nos API directement via le navigateur. Le code source complet du SDK Python est disponible gratuitement sur Github.

Enfin, nous continuons à écrire de nouveaux articles de blog sur différents formats de fichiers et à les analyser à l’aide de l’API REST. Alors, veuillez nous contacter pour les dernières mises à jour. Bon codage !

poser une question

Si vous avez des questions ou des confusions concernant le Générateur de rapports HTML, n’hésitez pas à nous contacter via notre forum.

Voir également

Voici quelques articles connexes qui pourraient vous être utiles :