แสดงข้อมูล JSON ในหน้า HTML

ในโลกที่เชี่ยวชาญด้านเทคโนโลยีในปัจจุบัน การแสดงข้อมูลเป็นภาพมีบทบาทสำคัญในการนำเสนอข้อมูลอย่างมีประสิทธิภาพและครอบคลุม ความสามารถในการสร้างรายงานแบบไดนามิกโดยใช้ข้อมูลและเทมเพลต 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>>

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

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

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

pip install groupdocs-assembly-cloud

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

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

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

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

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

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

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

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

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

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

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

บทสรุป

ในบล็อกโพสต์นี้ เราได้กล่าวถึงกระบวนการแสดงข้อมูล 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 โปรดติดต่อเราผ่านทาง ฟอรั่ม ของเรา

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

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