แสดงข้อมูล JSON บนหน้า HTML ใน Python โดยใช้ REST API

ในโลกที่เชี่ยวชาญด้านเทคโนโลยีในปัจจุบัน การแสดงข้อมูลเป็นภาพมีบทบาทสำคัญในการนำเสนอข้อมูลอย่างมีประสิทธิภาพและครอบคลุม ความสามารถในการสร้างรายงานแบบไดนามิกโดยใช้ข้อมูลและเทมเพลต JSON ในรูปแบบต่างๆ เช่น เอกสาร Word สเปรดชีต หรือรูปแบบข้อความ ถือเป็นสิ่งสำคัญสำหรับนักพัฒนาและธุรกิจ ในบล็อกโพสต์นี้ เราจะแนะนำนักพัฒนา Python เกี่ยวกับวิธีการใช้ประโยชน์จาก GroupDocs.Assembly Cloud REST API และ Python SDK เพื่ออัปโหลดข้อมูลรายงานในรูปแบบของ JSON และไฟล์เทมเพลต จากนั้นแสดงรายงานที่สร้างขึ้นบน HTML หน้า API มอบคุณสมบัติต่างๆ มากมาย เช่น แผนภูมิ ตาราง รูปภาพ บาร์โค้ด และอื่นๆ เพื่อสร้างรายงานที่ให้ข้อมูลและดึงดูดสายตา

ข้อกำหนดเบื้องต้น:

ก่อนเริ่มต้น ตรวจสอบให้แน่ใจว่าคุณมีสิ่งต่อไปนี้:

ติดตั้ง Python บนระบบของคุณ
ติดตั้ง GroupDocs.Assembly Cloud SDK สำหรับ Python แล้ว
บัญชี GroupDocs.Assembly Cloud ที่ใช้งานอยู่พร้อมข้อมูลรับรอง API ที่ถูกต้อง
ข้อมูลตัวอย่างและเทมเพลตสำหรับการทดสอบ (เราจะใช้ข้อมูล JSON ตัวอย่างและเทมเพลตรายงานต่อไปนี้)

ตัวอย่างข้อมูล JSON

บันทึกข้อมูลต่อไปนี้ในไฟล์ 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}\]
	}
\]

เทมเพลตตัวอย่าง

สร้างเทมเพลตต่อไปนี้ใน TXT, DOCX หรือรูปแบบที่จำเป็นเพื่อทำซ้ำข้อมูลของผู้จัดการพร้อมกับลูกค้าและรายละเอียดที่เกี่ยวข้อง จากนั้นดำเนินการกับโค้ดสำหรับการสร้างรายงาน

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

คะแนนที่จะครอบคลุม:

เริ่มต้นใช้งาน Python HTML Report Generator SDK
เริ่มไคลเอนต์ API
อัปโหลดเทมเพลตและไฟล์แหล่งข้อมูล
แสดงข้อมูล JSON บนหน้า HTML
ดาวน์โหลดไฟล์ HTML

กำหนดค่า SDK ตัวสร้างรายงาน Python HTML

ขั้นแรก ให้ติดตั้ง GroupDocs.Assembly Cloud SDK for Python ลงในโปรเจ็กต์ Python ของคุณด้วย pip (ตัวติดตั้งแพ็คเกจสำหรับ Python) โดยใช้คำสั่งต่อไปนี้ในคอนโซล:

pip install groupdocs-assembly-cloud

เปิดตัวไคลเอนต์ API

ตอนนี้ โปรดรับ รหัสลูกค้า และ รหัสลับไคลเอ็นต์ ของคุณจาก แดชบอร์ด และเพิ่มรหัสตามที่แสดงด้านล่าง:

	import groupdocsassemblycloud as assembly

	# Get app_sid & app_key from https://dashboard.groupdocs.cloud after free registration.
	app_sid = "xxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx"
	app_key = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"

	# Get File API configurations.
	configuration = assembly.Configuration(app_sid, app_key)
	configuration.api_base_url = "https://api.groupdocs.cloud"
	storage_name = "LocalStorage"

view raw initialize-API-client.py hosted with ❤ by GitHub

อัปโหลดแหล่งข้อมูลและไฟล์เทมเพลต

ขั้นแรก อัปโหลดแหล่งข้อมูลและไฟล์เทมเพลตไปยังคลาวด์โดยใช้ตัวอย่างโค้ดที่ระบุด้านล่าง:

	# Create an instance of the file API
	file_api = groupdocsassemblycloud.FileApi.from_config(configuration)

	# Call upload file request
	request = groupdocsassemblycloud.UploadFileRequest("python-testing\input-sample-file.json", "H:\\groupdocs-cloud-data\\input-sample-file.json", "storage_name")

	# Upload file to the cloud
	response = file_api.upload_file(request)
	print(response.uploaded)

view raw upload-file.py hosted with ❤ by GitHub

ด้วยเหตุนี้ ไฟล์ที่อัปโหลดจะพร้อมใช้งานใน ส่วนไฟล์ ของแดชบอร์ดของคุณบนคลาวด์

แสดงข้อมูล JSON บนหน้า HTML โดยใช้ Python

หากต้องการแสดงข้อมูล JSON บนหน้า HTML โปรดทำตามขั้นตอนด้านล่าง:

สร้างอินสแตนซ์ของ AssemblyApi ด้วย client_id และ client_secret
ตั้งค่าข้อมูลเทมเพลตด้วยเส้นทางไฟล์ ชื่อที่เก็บข้อมูล รหัสเวอร์ชัน และรหัสผ่าน
เตรียมคำขอประกอบโดยใช้ AssembleOptions พร้อมด้วยข้อมูลรายงาน ข้อมูลเทมเพลต เส้นทางเอาต์พุต และรูปแบบการบันทึก
สร้างรายงาน HTML โดยใช้วิธี AssemblyApi.assemble_document(AssembleOptions)

ตัวอย่างโค้ดต่อไปนี้แสดงวิธีแสดงข้อมูล JSON บนเพจ HTML โดยใช้ Python SDK สำหรับเครื่องมือสร้างรายงาน HTML REST API

	import groupdocsassemblycloud as assembly

	client_id = "XXXX-XXXX-XXXX-XXXX"
	client_secret = "XXXXXXXXXXXXXXXX"

	assemblyAPI = assembly.AssemblyApi(client_id,client_secret )

	# Set up template info
	templateInfo = assembly.TemplateFileInfo()
	templateInfo.file_path= 'Python_Testing/template.txt'
	templateInfo.storage_name= 'LocalStorage'
	templateInfo.version_id= ''
	templateInfo.password='abc123'

	# Prepare assemble request
	options=assembly.AssembleOptions()
	options.report_data = 'Python_Testing/report-data.json';
	options.template_file_info = templateInfo
	options.output_path = 'Python_Testing/report.html';
	options.save_format = 'html'

	# Generate HTML report
	assemblyAPI.assemble_document(options)

view raw generate-html-report.py hosted with ❤ by GitHub

ดาวน์โหลดไฟล์ HTML

รหัสที่ให้ไว้ในขั้นตอนก่อนหน้าจะบันทึกไฟล์ HTML ที่แปลงแล้วบนคลาวด์ หากต้องการดาวน์โหลด คุณสามารถใช้ข้อมูลโค้ดต่อไปนี้

	# Create instance of the API
	file_api = groupdocsassemblycloud.FileApi.from_config(configuration)

	request = groupdocs_conversion_cloud.DownloadFileRequest('Python_Testing/report.html', my_storage)
	response = file_api.download_file(request)

	# Move downloaded file to your working directory
	shutil.move(response, "C:\\Files\\")

view raw download-file.py hosted with ❤ by GitHub

บทสรุป

ในบล็อกโพสต์นี้ เราได้กล่าวถึงกระบวนการแสดงข้อมูล JSON บนหน้า HTML โดยใช้ GroupDocs.Assembly Cloud REST API และ Python SDK API อันทรงพลังนี้ช่วยให้นักพัฒนาสามารถสร้างรายงานแบบไดนามิกในรูปแบบต่าง ๆ ได้อย่างง่ายดาย โดยใช้ประโยชน์จากข้อมูลจากแหล่ง JSON หรือ XML และเทมเพลตในรูปแบบที่แตกต่างกัน เช่น เอกสาร Word สเปรดชีต หรือไฟล์ข้อความ

นอกจากนี้ คุณยังสามารถเรียนรู้เพิ่มเติมเกี่ยวกับ GroupDocs.Assembly Cloud API ได้โดยใช้ เอกสารประกอบ นอกจากนี้เรายังมีส่วน การอ้างอิง API ที่ช่วยให้คุณเห็นภาพและโต้ตอบกับ API ของเราได้โดยตรงผ่านเบราว์เซอร์ ซอร์สโค้ดที่สมบูรณ์ของ Python SDK มีให้ใช้งานได้ฟรีบน Github

สุดท้ายนี้ เรายังคงเขียนบทความในบล็อกใหม่ๆ เกี่ยวกับรูปแบบไฟล์ต่างๆ และแยกวิเคราะห์โดยใช้ REST API ดังนั้นโปรดติดต่อเพื่อรับข้อมูลอัปเดตล่าสุด ขอให้มีความสุขในการเขียนโค้ด!

ถามคำถาม

ในกรณีที่คุณมีข้อสงสัยหรือสับสนเกี่ยวกับ โปรแกรมสร้างรายงาน HTML โปรดติดต่อเราผ่านทาง ฟอรั่ม ของเรา

ดูสิ่งนี้ด้วย

นี่คือบทความที่เกี่ยวข้องบางส่วนที่คุณอาจพบว่ามีประโยชน์:

ข้อกำหนดเบื้องต้น:#

ตัวอย่างข้อมูล JSON#

เทมเพลตตัวอย่าง#

คะแนนที่จะครอบคลุม:#

กำหนดค่า SDK ตัวสร้างรายงาน Python HTML#

เปิดตัวไคลเอนต์ API#

อัปโหลดแหล่งข้อมูลและไฟล์เทมเพลต#

แสดงข้อมูล JSON บนหน้า HTML โดยใช้ Python#

ดาวน์โหลดไฟล์ HTML#

บทสรุป#

ถามคำถาม#

ดูสิ่งนี้ด้วย#