Exibir dados JSON na página HTML

No mundo tecnológico atual, a visualização de dados desempenha um papel fundamental na apresentação de informações de forma eficaz e abrangente. A capacidade de gerar relatórios dinâmicos usando dados e modelos JSON em vários formatos, como documentos do Word, planilhas ou formato de texto, é crucial para desenvolvedores e empresas. Nesta postagem do blog, orientaremos os desenvolvedores Python sobre como aproveitar a API REST GroupDocs.Assembly Cloud e seu SDK Python para fazer upload de dados de relatório na forma de JSON e um arquivo de modelo e, em seguida, exibir os relatórios gerados em um HTML página. A API fornece uma variedade de recursos, como gráficos, tabelas, imagens, códigos de barras e muito mais para criar relatórios visualmente envolventes e informativos.

Pré-requisitos:

Antes de começar, certifique-se de ter o seguinte em vigor:

  • Python instalado em seu sistema.
  • GroupDocs.Assembly Cloud SDK para Python instalado.
  • Uma conta GroupDocs.Assembly Cloud ativa com credenciais de API válidas.
  • Dados de amostra e modelos para teste (usaremos os seguintes dados JSON de amostra e modelo de relatório).

Exemplo de dados JSON

Salve os dados a seguir em um arquivo 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}\]
	}
\]

Modelo de amostra

Crie o seguinte modelo em TXT, DOCX ou no formato necessário para iterar os dados dos Gerentes junto com seus respectivos Clientes e detalhes. Em seguida, prossiga com o código para geração do relatório.

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

Pontos a serem abordados:

Configurar o SDK do gerador de relatórios HTML do Python

Para começar, instale GroupDocs.Assembly Cloud SDK for Python em seu projeto Python com pip (package installer for Python) usando o seguinte comando no console:

pip install groupdocs-assembly-cloud

Inicie o cliente API

Agora, obtenha seu ID do cliente e Segredo do cliente no painel e adicione o código conforme mostrado abaixo:

Carregar a fonte de dados e os arquivos de modelo

Em primeiro lugar, carregue a fonte de dados e os arquivos de modelo para a nuvem usando o exemplo de código fornecido abaixo:

Como resultado, os arquivos enviados estarão disponíveis na seção de arquivos do seu painel na nuvem.

Exibir dados JSON em uma página HTML usando Python

Para exibir dados JSON em uma página HTML, siga as etapas abaixo:

  1. Crie uma instância de AssemblyApi com client_id e client_secret.
  2. Configure as informações do modelo com caminho de arquivo, nome de armazenamento, ID de versão e senha.
  3. Prepare a solicitação de montagem usando AssembleOptions com dados de relatório, informações de modelo, caminho de saída e formato de salvamento.
  4. Gere o relatório HTML usando o método AssemblyApi.assemble_document(AssembleOptions).

O exemplo de código a seguir mostra como exibir dados JSON em uma página HTML usando Python SDK para API REST do gerador de relatórios HTML.

Baixar arquivo HTML

O código fornecido na etapa anterior salva o arquivo HTML convertido na nuvem. Para baixá-lo, você pode usar o seguinte trecho de código.

Conclusão

Nesta postagem do blog, abordamos o processo de exibição de dados JSON em uma página HTML usando GroupDocs.Assembly Cloud REST API e seu Python SDK. Essa API poderosa permite que os desenvolvedores gerem facilmente relatórios dinâmicos em vários formatos, aproveitando dados de fontes JSON ou XML e modelos em diferentes formatos, como documentos do Word, planilhas ou arquivos de texto.

Além disso, você pode aprender mais sobre a API GroupDocs.Assembly Cloud usando a documentação. Também fornecemos uma seção Referência de API que permite visualizar e interagir com nossas APIs diretamente pelo navegador. O código-fonte completo do Python SDK está disponível gratuitamente no Github.

Por fim, continuamos escrevendo novos artigos de blog em diferentes formatos de arquivo e analisando-os usando a API REST. Portanto, entre em contato para obter as últimas atualizações. Boa codificação!

Faça uma pergunta

Caso você tenha alguma dúvida ou confusão sobre o gerador de relatórios HTML, não hesite em nos contatar através do nosso fórum.

Veja também

Aqui estão alguns artigos relacionados que podem ser úteis: