HTML पेज में JSON डेटा प्रदर्शित करें

आज की तकनीक-प्रेमी दुनिया में, डेटा विज़ुअलाइज़ेशन जानकारी को प्रभावी ढंग से और व्यापक रूप से प्रस्तुत करने में महत्वपूर्ण भूमिका निभाता है। JSON डेटा और टेम्पलेट्स का उपयोग करके Word दस्तावेज़, स्प्रेडशीट, या टेक्स्ट प्रारूप जैसे विभिन्न प्रारूपों में गतिशील रिपोर्ट उत्पन्न करने की क्षमता डेवलपर्स और व्यवसायों के लिए समान रूप से महत्वपूर्ण है। इस ब्लॉग पोस्ट में, हम पायथन डेवलपर्स को मार्गदर्शन देंगे कि कैसे JSON और एक टेम्पलेट फ़ाइल के रूप में रिपोर्ट डेटा अपलोड करने के लिए GroupDocs.Assembly Cloud REST API और इसके Python SDK का लाभ उठाया जाए, और फिर जेनरेट की गई रिपोर्ट को [HTML] पर प्रदर्शित किया जाए। 1] पेज. एपीआई आकर्षक और जानकारीपूर्ण रिपोर्ट बनाने के लिए चार्ट, टेबल, चित्र, बारकोड और बहुत कुछ जैसी सुविधाओं की एक श्रृंखला प्रदान करता है।

पूर्वावश्यकताएँ:

आरंभ करने से पहले, सुनिश्चित करें कि आपके पास निम्नलिखित स्थान हैं:

  • आपके सिस्टम पर पायथन स्थापित है।
  • Python के लिए GroupDocs.Assembly क्लाउड SDK स्थापित।
  • वैध एपीआई क्रेडेंशियल्स के साथ एक सक्रिय GroupDocs.Assembly क्लाउड खाता।
  • परीक्षण के लिए नमूना डेटा और टेम्पलेट (हम निम्नलिखित नमूना 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>>

शामिल किए जाने वाले बिंदु:

पायथन HTML रिपोर्ट जेनरेटर SDK कॉन्फ़िगर करें

आरंभ करने के लिए, कंसोल में निम्नलिखित कमांड का उपयोग करके अपने पायथन प्रोजेक्ट में pip (पायथन के लिए पैकेज इंस्टॉलर) के साथ GroupDocs.Assembly Cloud SDK for Python इंस्टॉल करें:

pip install groupdocs-assembly-cloud

एपीआई क्लाइंट लॉन्च करें

अब, कृपया डैशबोर्ड से अपना क्लाइंट आईडी और क्लाइंट सीक्रेट प्राप्त करें और नीचे दिखाए अनुसार कोड जोड़ें:

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

परिणामस्वरूप, अपलोड की गई फ़ाइलें क्लाउड पर आपके डैशबोर्ड के फ़ाइल अनुभाग में उपलब्ध होंगी।

पायथन का उपयोग करके HTML पेज पर JSON डेटा प्रदर्शित करें

HTML पेज पर JSON डेटा प्रदर्शित करने के लिए, कृपया नीचे दिए गए चरणों का पालन करें:

  1. client_id और client_secret के साथ AssemblyApi का एक उदाहरण बनाएं।
  2. फ़ाइल पथ, संग्रहण नाम, संस्करण आईडी और पासवर्ड के साथ टेम्पलेट जानकारी सेट करें।
  3. रिपोर्ट डेटा, टेम्पलेट जानकारी, आउटपुट पथ और सेव फॉर्मेट के साथ असेंबलऑप्शंस का उपयोग करके असेंबल अनुरोध तैयार करें।
  4. AssemblyApi.assemble_document(AssembleOptions) विधि का उपयोग करके HTML रिपोर्ट तैयार करें।

निम्नलिखित कोड उदाहरण दिखाता है कि HTML रिपोर्ट जेनरेटर REST API के लिए Python SDK का उपयोग करके HTML पृष्ठ पर JSON डेटा कैसे प्रदर्शित किया जाए।

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

निष्कर्ष

इस ब्लॉग पोस्ट में, हमने GroupDocs.Assembly Cloud REST API और इसके Python SDK का उपयोग करके HTML पेज पर JSON डेटा प्रदर्शित करने की प्रक्रिया को कवर किया है। यह शक्तिशाली एपीआई डेवलपर्स को जेएसओएन या एक्सएमएल स्रोतों से डेटा और वर्ड दस्तावेज़, स्प्रेडशीट या टेक्स्ट फ़ाइलों जैसे विभिन्न प्रारूपों में टेम्पलेट्स का लाभ उठाकर आसानी से विभिन्न प्रारूपों में गतिशील रिपोर्ट तैयार करने की अनुमति देता है।

इसके अलावा, आप दस्तावेज़ीकरण का उपयोग करके GroupDocs.Assembly Cloud API के बारे में अधिक जान सकते हैं। हम एक एपीआई संदर्भ अनुभाग भी प्रदान करते हैं जो आपको ब्राउज़र के माध्यम से सीधे हमारे एपीआई को देखने और उनके साथ बातचीत करने की सुविधा देता है। पायथन एसडीके का संपूर्ण स्रोत कोड जीथूब पर निःशुल्क उपलब्ध है।

अंत में, हम विभिन्न फ़ाइल स्वरूपों पर नए ब्लॉग लेख लिखते रहते हैं और उन्हें REST API का उपयोग करके पार्स करते रहते हैं। तो कृपया नवीनतम अपडेट के लिए संपर्क करें। हैप्पी कोडिंग!

प्रश्न पूछें

यदि आपके पास HTML रिपोर्ट जेनरेटर के बारे में कोई प्रश्न या भ्रम है, तो कृपया बेझिझक हमारे फोरम के माध्यम से हमसे संपर्क करें।

यह सभी देखें

यहां कुछ संबंधित लेख दिए गए हैं जो आपके लिए उपयोगी हो सकते हैं: