Hiển thị dữ liệu JSON trong trang HTML

Trong thế giới am hiểu công nghệ ngày nay, trực quan hóa dữ liệu đóng vai trò then chốt trong việc trình bày thông tin một cách hiệu quả và toàn diện. Khả năng tạo báo cáo động bằng cách sử dụng dữ liệu và mẫu JSON ở nhiều định dạng khác nhau như tài liệu Word, bảng tính hoặc định dạng văn bản là rất quan trọng đối với các nhà phát triển cũng như doanh nghiệp. Trong bài đăng trên blog này, chúng tôi sẽ hướng dẫn các nhà phát triển Python cách tận dụng GroupDocs.Assembly Cloud REST API và Python SDK của nó để tải lên dữ liệu báo cáo dưới dạng JSON và tệp mẫu, sau đó hiển thị các báo cáo đã tạo trên [HTML] 1 trang. API cung cấp một loạt các tính năng như biểu đồ, bảng, hình ảnh, mã vạch, v.v. để tạo các báo cáo mang tính thông tin và hấp dẫn trực quan.

Điều kiện tiên quyết:

Trước khi bắt đầu, hãy đảm bảo bạn có những điều sau:

  • Python được cài đặt trên hệ thống của bạn.
  • Đã cài đặt GroupDocs.Assembly Cloud SDK cho Python.
  • Tài khoản GroupDocs.Assembly Cloud đang hoạt động với thông tin xác thực API hợp lệ.
  • Dữ liệu mẫu và mẫu để thử nghiệm (chúng tôi sẽ sử dụng mẫu báo cáo và dữ liệu JSON mẫu sau).

Dữ liệu JSON mẫu

Lưu dữ liệu sau vào tệp 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}\]
	}
\]

Mẫu mẫu

Tạo mẫu sau ở định dạng TXT, DOCX hoặc định dạng được yêu cầu để lặp lại dữ liệu của Người quản lý cùng với các Khách hàng và thông tin chi tiết tương ứng của họ. Sau đó tiến hành mã để tạo báo cáo.

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

Những điểm cần đề cập:

Định cấu hình SDK trình tạo báo cáo HTML Python

Để bắt đầu, hãy cài đặt GroupDocs.Assembly Cloud SDK for Python vào dự án Python của bạn bằng pip (gói trình cài đặt cho Python) bằng lệnh sau trong bảng điều khiển:

pip install groupdocs-assembly-cloud

Khởi chạy ứng dụng khách API

Bây giờ, vui lòng lấy ID khách hàngBí mật khách hàng từ trang tổng quan và thêm mã như hiển thị bên dưới:

Tải lên tệp mẫu và nguồn dữ liệu

Đầu tiên, tải nguồn dữ liệu và tệp mẫu lên đám mây bằng cách sử dụng mã ví dụ bên dưới:

Do đó, các tệp đã tải lên sẽ có sẵn trong phần tệp của trang tổng quan trên đám mây của bạn.

Hiển thị dữ liệu JSON trên trang HTML bằng Python

Để hiển thị dữ liệu JSON trên trang HTML, vui lòng làm theo các bước dưới đây:

  1. Tạo một phiên bản AssemblyApi với client_id và client_secret.
  2. Thiết lập thông tin mẫu với đường dẫn tệp, tên bộ nhớ, ID phiên bản và mật khẩu.
  3. Chuẩn bị yêu cầu tập hợp bằng cách sử dụng AssembleOptions với dữ liệu báo cáo, thông tin mẫu, đường dẫn đầu ra và định dạng lưu.
  4. Tạo báo cáo HTML bằng phương thức AssemblyApi.assemble_document(AssembleOptions).

Ví dụ về mã sau đây cho thấy cách hiển thị dữ liệu JSON trên trang HTML bằng cách sử dụng SDK Python dành cho API REST của trình tạo báo cáo HTML.

Tải xuống tệp HTML

Mã được cung cấp ở bước trước sẽ lưu tệp HTML đã chuyển đổi trên đám mây. Để tải xuống, bạn có thể sử dụng đoạn mã sau.

Phần kết luận

Trong bài đăng trên blog này, chúng tôi đã đề cập đến quá trình hiển thị dữ liệu JSON trên trang HTML bằng GroupDocs.Assembly Cloud REST API và Python SDK của nó. API mạnh mẽ này cho phép các nhà phát triển dễ dàng tạo báo cáo động ở nhiều định dạng khác nhau, tận dụng dữ liệu từ các nguồn và mẫu JSON hoặc XML ở các định dạng khác nhau như tài liệu Word, bảng tính hoặc tệp văn bản.

Hơn nữa, bạn có thể tìm hiểu thêm về GroupDocs.Assembly Cloud API bằng cách sử dụng tài liệu. Chúng tôi cũng cung cấp phần Tham khảo API cho phép bạn hình dung và tương tác trực tiếp với API của chúng tôi thông qua trình duyệt. Mã nguồn hoàn chỉnh của Python SDK được cung cấp miễn phí trên Github.

Cuối cùng, chúng tôi tiếp tục viết các bài blog mới về các định dạng tệp khác nhau và phân tích cú pháp chúng bằng API REST. Vì vậy, vui lòng liên hệ để cập nhật thông tin mới nhất. Chúc mừng mã hóa!

Đặt một câu hỏi

Trong trường hợp bạn có bất kỳ thắc mắc hoặc nhầm lẫn nào về trình tạo báo cáo HTML, vui lòng liên hệ với chúng tôi qua diễn đàn của chúng tôi.

Xem thêm

Dưới đây là một số bài viết liên quan mà bạn có thể thấy hữu ích: