Tampilkan Data JSON di Halaman HTML

Di dunia yang paham teknologi saat ini, visualisasi data memainkan peran penting dalam menyajikan informasi secara efektif dan komprehensif. Kemampuan untuk menghasilkan laporan dinamis menggunakan data dan templat JSON dalam berbagai format seperti dokumen Word, spreadsheet, atau format teks sangat penting bagi pengembang dan bisnis. Dalam postingan blog ini, kami akan memandu pengembang Python tentang cara memanfaatkan GroupDocs.Assembly Cloud REST API dan Python SDK-nya untuk mengunggah data laporan dalam bentuk JSON dan file templat, lalu menampilkan laporan yang dihasilkan pada [HTML] 1] halaman. API menyediakan serangkaian fitur seperti bagan, tabel, gambar, kode batang, dan lainnya untuk membuat laporan yang menarik secara visual dan informatif.

Prasyarat:

Sebelum memulai, pastikan Anda memiliki hal berikut:

  • Python diinstal pada sistem Anda.
  • GroupDocs.Assembly Cloud SDK untuk Python diinstal.
  • Akun GroupDocs.Assembly Cloud aktif dengan kredensial API yang valid.
  • Contoh data dan template untuk pengujian (kami akan menggunakan contoh data JSON dan template laporan berikut).

Contoh Data JSON

Simpan data berikut dalam 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}\]
	}
\]

Contoh Templat

Buat templat berikut dalam TXT, DOCX, atau format yang diperlukan untuk mengulangi data Manajer beserta Klien dan detailnya masing-masing. Kemudian dilanjutkan dengan kode untuk pembuatan laporan.

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

Poin yang perlu dibahas:

Konfigurasikan SDK Pembuat Laporan HTML Python

Untuk memulainya, instal GroupDocs.Assembly Cloud SDK for Python ke proyek Python Anda dengan pip (package installer for Python) menggunakan perintah berikut di konsol:

pip install groupdocs-assembly-cloud

Luncurkan Klien API

Sekarang, ambil ID Klien dan Rahasia Klien Anda dari dasbor dan tambahkan kode seperti yang ditunjukkan di bawah ini:

Unggah Sumber Data dan File Templat

Pertama, unggah sumber data dan file templat ke cloud menggunakan contoh kode di bawah ini:

Hasilnya, file yang diunggah akan tersedia di bagian file dasbor Anda di cloud.

Tampilkan Data JSON pada Halaman HTML menggunakan Python

Untuk menampilkan data JSON pada halaman HTML, ikuti langkah-langkah di bawah ini:

  1. Buat instance AssemblyApi dengan client_id dan client_secret.
  2. Siapkan informasi templat dengan jalur file, nama penyimpanan, ID versi, dan kata sandi.
  3. Siapkan permintaan perakitan menggunakan AssembleOptions dengan data laporan, info templat, jalur keluaran, dan format penyimpanan.
  4. Buat laporan HTML menggunakan metode AssemblyApi.assemble_document(AssembleOptions).

Contoh kode berikut menunjukkan cara menampilkan data JSON pada halaman HTML menggunakan Python SDK untuk pembuat laporan HTML REST API.

Unduh Berkas HTML

Kode yang diberikan pada langkah sebelumnya menyimpan file HTML yang dikonversi di cloud. Untuk mendownloadnya, Anda dapat menggunakan cuplikan kode berikut.

Kesimpulan

Dalam postingan blog ini, kami telah membahas proses menampilkan data JSON pada halaman HTML menggunakan GroupDocs.Assembly Cloud REST API dan Python SDK-nya. API canggih ini memungkinkan pengembang dengan mudah membuat laporan dinamis dalam berbagai format, memanfaatkan data dari sumber JSON atau XML dan templat dalam berbagai format seperti dokumen Word, spreadsheet, atau file teks.

Selanjutnya, Anda dapat mempelajari lebih lanjut tentang GroupDocs.Assembly Cloud API menggunakan dokumentasi. Kami juga menyediakan bagian referensi API yang memungkinkan Anda memvisualisasikan dan berinteraksi dengan API kami secara langsung melalui browser. Kode sumber lengkap Python SDK tersedia gratis di Github.

Terakhir, kami terus menulis artikel blog baru dalam format file berbeda dan menguraikannya menggunakan REST API. Jadi, silakan hubungi kami untuk pembaruan terkini. Selamat membuat kode!

Berikan pertanyaan

Jika Anda mempunyai pertanyaan atau kebingungan tentang pembuat laporan HTML, jangan ragu untuk menghubungi kami melalui forum kami.

Lihat juga

Berikut beberapa artikel terkait yang mungkin berguna bagi Anda: