Mostrar datos JSON en una página HTML

En el mundo actual, conocedor de la tecnología, la visualización de datos desempeña un papel fundamental a la hora de presentar la información de forma eficaz y completa. La capacidad de generar informes dinámicos utilizando datos y plantillas JSON en varios formatos, como documentos de Word, hojas de cálculo o formato de texto, es crucial tanto para los desarrolladores como para las empresas. En esta publicación de blog, guiaremos a los desarrolladores de Python sobre cómo aprovechar la API REST de GroupDocs.Assembly Cloud y su SDK de Python para cargar datos de informes en forma de JSON y un archivo de plantilla, y luego mostrar los informes generados en un [HTML][ 1 pagina. La API proporciona una variedad de funciones como gráficos, tablas, imágenes, códigos de barras y más para crear informes visualmente atractivos e informativos.

Requisitos previos:

Antes de comenzar, asegúrese de tener lo siguiente en su lugar:

  • Python instalado en su sistema.
  • SDK de GroupDocs.Assembly Cloud para Python instalado.
  • Una cuenta activa de GroupDocs.Assembly Cloud con credenciales API válidas.
  • Datos de muestra y plantillas para pruebas (usaremos los siguientes datos JSON de muestra y plantilla de informe).

Datos JSON de muestra

Guarde los siguientes datos en un archivo 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}\]
	}
\]

Plantilla de muestra

Cree la siguiente plantilla en TXT, DOCX o el formato requerido para iterar los datos de los Gerentes junto con sus respectivos Clientes y detalles. Luego proceda con el código para la generación del informe.

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

Puntos a cubrir:

Configurar el SDK del generador de informes HTML de Python

Para comenzar, instale GroupDocs.Assembly Cloud SDK para Python en su proyecto Python con pip (instalador del paquete para Python) usando el siguiente comando en la consola:

pip install groupdocs-assembly-cloud

Inicie el cliente API

Ahora, obtenga su ID de cliente y su Secreto de cliente del panel de control y agregue el código como se muestra a continuación:

Cargue la fuente de datos y los archivos de plantilla

En primer lugar, cargue la fuente de datos y los archivos de plantilla en la nube utilizando el ejemplo de código que se muestra a continuación:

Como resultado, los archivos cargados estarán disponibles en la sección de archivos de su panel de control en la nube.

Mostrar datos JSON en una página HTML usando Python

Para mostrar datos JSON en una página HTML, siga los pasos que se indican a continuación:

  1. Cree una instancia de AssemblyApi con client_id y client_secret.
  2. Configure la información de la plantilla con una ruta de archivo, nombre de almacenamiento, ID de versión y contraseña.
  3. Prepare la solicitud de ensamblaje usando AssembleOptions con datos de informe, información de plantilla, ruta de salida y formato de guardado.
  4. Genere el informe HTML utilizando el método AssemblyApi.assemble_document(AssembleOptions).

El siguiente ejemplo de código muestra cómo mostrar datos JSON en una página HTML utilizando el SDK de Python para la API REST del generador de informes HTML.

Descargar archivo HTML

El código proporcionado en el paso anterior guarda el archivo HTML convertido en la nube. Para descargarlo, puede utilizar el siguiente fragmento de código.

Conclusión

En esta publicación de blog, cubrimos el proceso de mostrar datos JSON en una página HTML utilizando la API REST de GroupDocs.Assembly Cloud y su SDK de Python. Esta potente API permite a los desarrolladores generar sin esfuerzo informes dinámicos en varios formatos, aprovechando datos de fuentes y plantillas JSON o XML en diferentes formatos, como documentos de Word, hojas de cálculo o archivos de texto.

Además, puede obtener más información sobre GroupDocs.Assembly Cloud API utilizando la documentación. También proporcionamos una sección referencia de API que le permite visualizar e interactuar con nuestras API directamente a través del navegador. El código fuente completo del SDK de Python está disponible gratuitamente en Github.

Finalmente, seguimos escribiendo nuevos artículos de blog sobre diferentes formatos de archivos y analizándolos usando REST API. Por lo tanto, póngase en contacto para obtener las últimas actualizaciones. ¡Feliz codificación!

Hacer una pregunta

En caso de que tenga alguna consulta o confusión sobre el generador de informes HTML, no dude en contactarnos a través de nuestro foro.

Ver también

Aquí hay algunos artículos relacionados que pueden resultarle útiles: