इस संक्षिप्त और सरल गाइड का पालन करके अपने डेटा को आसानी से रूपांतरित करें।

एक डेवलपर के रूप में, आप विभिन्न परियोजनाओं में प्रतिदिन नई चुनौतियों का सामना करने के लिए तैयार हैं जिन पर आप काम कर रहे हैं। व्यापार या तकनीकी आवश्यकताओं के आधार पर विभिन्न लक्ष्यों को प्राप्त करने के लिए वेब एप्लिकेशन को कभी-कभी कुछ अतिरिक्त कार्य करने पड़ते हैं।

आपको एक एपीआई से डेटा एकत्र करने और इसे पीडीएफ, एक्सएमएल, डीओसीएक्स, या एक्सएलएसएक्स जैसे एक अलग प्रारूप में संसाधित करने की आवश्यकता हो सकती है।

इस गाइड में, आप सीखेंगे कि एपीआई प्रतिक्रिया से प्राप्त JSON डेटा को अपने एंगुलर एप्लिकेशन में एक सुव्यवस्थित एक्सेल स्प्रेडशीट में कैसे बदलना है।

XLSX लाइब्रेरी क्या है?

Xlsx लाइब्रेरी एंगुलर डेवलपर्स के लिए एक प्रभावी संसाधन है जो JSON डेटा को एपीआई प्रतिक्रिया से एक स्वच्छ एक्सेल स्प्रेडशीट में बदलना चाहते हैं। इस मॉड्यूल के उपयोग के माध्यम से, डेवलपर्स JSON डेटा को जल्दी से डाउनलोड और संशोधित कर सकते हैं।

आप अपनी टीम के लिए रिपोर्ट बनाने या डेटा को नए तरीके से प्रस्तुत करने के लिए Xlsx लाइब्रेरी का उपयोग कर सकते हैं। यदि आप जावास्क्रिप्ट अनुप्रयोगों में अपने डेटा को त्वरित और आसान तरीके से प्रबंधित करना चाहते हैं, तो यह एक अच्छा विकल्प है।

instagram viewer

एक कोणीय अनुप्रयोग के साथ XLSX लाइब्रेरी को कैसे कॉन्फ़िगर करें

अपने कोणीय अनुप्रयोग में Xlsx लाइब्रेरी के साथ आरंभ करने से पहले, आपकी मशीन पर Node.js और कोणीय विकास वातावरण स्थापित करना महत्वपूर्ण है। Node.js स्थापित होने के साथ, कोणीय को चलाकर स्थापित करना आसान है npm इंस्टॉल -g @angular/cli एक टर्मिनल में।

चलाकर एक नया Angular प्रोजेक्ट बनाएं एनजी नया [आपका-कोणीय-ऐप-नाम] टर्मिनल में। फिर प्रोजेक्ट डायरेक्टरी में नेविगेट करें जैसा कि नीचे देखा गया है:

आप चलकर स्थानीय विकास सर्वर भी शुरू कर सकते हैं एनजी सर्व --o, जो आपको अपने एंगुलर एप्लिकेशन और उसमें किए गए परिवर्तनों को ब्राउज़र में लाइव देखने में सक्षम बनाता है।

एक एंगुलर एप्लिकेशन सेट करने के बाद, Xlsx लाइब्रेरी को इंस्टॉल करना एक सरल प्रक्रिया है जिसे आप बस चलाकर पूरा कर सकते हैं npm स्थापित xlsx --save. यह आदेश Xlsx लाइब्रेरी का उपयोग करने के लिए आवश्यक निर्भरताओं को स्थापित करेगा।

Angular में JSON डेटा को XLSX फॉर्मेट में कैसे बदलें

कोणीय सीएलआई के साथ, आप चलाकर एक नई सेवा उत्पन्न कर सकते हैं एनजी जनरेट सेवा [सेवा का नाम] टर्मिनल में कमांड। उदाहरण के लिए, इस मामले में, आप उपयोग करने के लिए आवश्यक एक्सेल सेवा उत्पन्न कर सकते हैं एनजी उत्पन्न सेवा ExcelService.

यह बनाना आदेश सेवा फ़ाइल बनाएगा: ExcelService.service.ts, में एसआरसी/ऐप परियोजना की निर्देशिका। फ़ाइल डिफ़ॉल्ट रूप से इस तरह दिखती है:

आयात {इंजेक्शन योग्य} से'@ कोणीय/कोर'; 
@ इंजेक्टेबल({ इसमें प्रदत्त: 'जड़' }) 
निर्यातकक्षाएक्सेल सर्विस सर्विस{
निर्माता() { } 
}

यह एक्सेल सर्विस फ़ाइल एक्सेल प्रारूप में डेटा निर्यात करने की कार्यक्षमता को संभालेगी। अद्यतन करें ExcelService.service.ts फ़ाइल नीचे दिए गए कोड की तरह दिखने के लिए:

आयात {इंजेक्शन योग्य} से'@ कोणीय/कोर'; 
आयात * जैसा एक्सएलएसएक्स से'एक्सएलएसएक्स'; 
कॉन्स्ट EXCEL_EXTENSION = '.xlsx'; // एक्सेल फ़ाइल एक्सटेंशन


@ इंजेक्टेबल({ इसमें प्रदत्त: 'जड़' }) 


निर्यातकक्षाएक्सेल सर्विस सर्विस{ 
निर्माता () { }


जनताएक्सेल में निर्यात करें(तत्व: कोई भी, फ़ाइल नाम: स्ट्रिंग): खालीपन{
// कार्यपुस्तिका उत्पन्न करें और कार्यपत्रक जोड़ें
कॉन्स्ट ws: XLSX.WorkSheet = XLSX.utils.json_to_sheet (तत्व);
कॉन्स्ट कार्यपुस्तिका: XLSX.WorkBook = XLSX.utils.book_new(); 
// फाइल को बचाएं
 XLSX.utils.book_append_sheet (कार्यपुस्तिका, ws, 'शीट1');
 XLSX.writeFile (कार्यपुस्तिका, ${fileName}${EXCEL_EXTENSION}); 
 }
}

उपरोक्त कोड में, आप आयात करते हैं एक्सएलएसएक्स पुस्तकालय और एक स्थिर चर बनाएँ, EXCEL_EXTENSION एक्सेल फ़ाइल एक्सटेंशन को स्टोर करने के लिए।

एक्सेल में निर्यात करें विधि दो मापदंडों को स्वीकार करती है: तत्व और फ़ाइल का नाम. तत्व पैरामीटर एक्सेल फ़ाइल में निर्यात करने के लिए डेटा का प्रतिनिधित्व करता है, जबकि फ़ाइल का नाम पैरामीटर एक्सेल फ़ाइल का नाम है।

डेटा को एक्सेल फ़ाइल में निर्यात करने के लिए, का उपयोग करके वर्कशीट बनाएं json_to_sheet Xlsx लाइब्रेरी की विधि। लाइब्रेरी का उपयोग करके एक कार्यपुस्तिका भी बनाएँ book_new तरीका।

फिर, वर्कशीट को वर्कबुक में इसके साथ जोड़ें book_append_sheet विधि, और फ़ाइल का उपयोग करके सहेजें राइटफाइल.

इससे पहले, आपने JSON डेटा को एक्सेल शीट में डाउनलोड करने और बदलने की प्रक्रिया को सुविधाजनक बनाने के लिए एक एक्सेल सर्विस बनाई थी। इस सेवा का उपयोग करने के लिए, आपको चाहिए प्रासंगिक कोणीय घटक बनाएँ और इसमें सेवा फ़ाइल आयात करें।

आयात {एक्सेल सर्विस} से'./excel.service';

अगला, आपको इसे घटक के निर्माता में इस तरह इंजेक्ट करना होगा:

निर्माता(निजी एक्सेल सेवा: एक्सेल सेवा) { 
... 
}

फिर आप फ़ंक्शन को लागू करने के लिए आगे बढ़ सकते हैं (एक्सपोर्टएक्सेल) जहां आप इसका उपयोग करेंगे एक्सेल में निर्यात करें JSON को Excel में निर्यात करने की विधि। नीचे दिया गया कोड दर्शाता है कि यह कैसे करना है।

निर्यात एक्सेल (): खालीपन { 
कॉन्स्ट फाइल टू एक्सपोर्ट = यह.apiJsonResponseData.map ((आइटम: कोई भी) => { 
वापस करना {
"उपयोगकर्ता पहचान": आइटम?.उपयोगकर्ता आईडी,
"पहचान": आइटम? आईडी,
"शीर्षक": आइटम? शीर्षक,
"शरीर": आइटम? शरीर
 } 
 });
यह.excelसेवा।एक्सेल में निर्यात करें(
 फाइल टू एक्सपोर्ट,
'आपका एक्सेल फ़ाइल-' + नयातारीख().गेटटाइम () + '.xlsx'
 );
}

उपरोक्त कोड में, आपने परिभाषित किया है एक्सपोर्टएक्सेल कॉल करने की विधि एक्सेल में निर्यात करें की विधि एक्सेल सर्विस. नया चर, फाइल टू एक्सपोर्ट, निर्यात करने के लिए डेटा संग्रहीत करता है। apiJsonResponsData सरणी में एपीआई प्रतिक्रिया से प्राप्त JSON डेटा होता है।

बाद में, एक्सेल में निर्यात करें की विधि escelservice लेता है fileToExport और आपकी पसंद फ़ाइल का नाम. ध्यान दें कि आप वर्तमान टाइमस्टैम्प को फ़ाइल नाम में कैसे जोड़ सकते हैं ताकि यह सुनिश्चित हो सके कि यह अद्वितीय है। यह विधि JSON डेटा को रूपांतरित करेगी और इसे एक XLSX फ़ाइल में निर्यात करेगी जिसे आप एक्सेल में पूर्वावलोकन कर सकते हैं।

यह फ़ंक्शन अब आपके एंगुलर एप्लिकेशन के किसी भी हिस्से में उपयोग करने के लिए उपलब्ध है, और आप इसे आसानी से एक इवेंट हैंडलर के रूप में जोड़ सकते हैं क्लिक घटना या अपनी आवश्यकताओं के आधार पर किसी अन्य उपयुक्त तरीके से इसका उपयोग करें।

आप नीचे दी गई छवि में इस कार्यक्षमता का उदाहरण उपयोग देख सकते हैं। एक बाहरी एपीआई से JSON डेटा पृष्ठ पर एक बटन के साथ प्रस्तुत करता है एक्सेल में डेटा निर्यात करें:

जब आप क्लिक करते हैं एक्सेल में डेटा निर्यात करें बटन, आपका ब्राउज़र एक्सेल फ़ाइल डाउनलोड करेगा। जब आप एक्सएलएसएक्स फ़ाइल खोलें, आउटपुट स्प्रेडशीट फ़ाइल इस तरह दिखती है:

Xlsx लाइब्रेरी JSON को एक्सेल फॉर्मेट में बदलने के अलावा भी बहुत कुछ कर सकती है। यह एक मजबूत पुस्तकालय प्रदान करता है और विभिन्न फ़ाइल स्वरूपों का समर्थन करता है जो आपको व्यवसाय में मिल सकते हैं। इसकी जाँच पड़ताल करो एनपीएम पर एक्सएलएसएक्स लाइब्रेरी का दस्तावेज इसके बारे में और जानने के लिए।

एंगुलर में जेएसओएन से एक्सेल स्प्रेडशीट में डेटा कनवर्ट करना

आप अपने वेब एप्लिकेशन में एक्सेल स्प्रेडशीट में आसानी से हेरफेर करने के लिए Xlsx लाइब्रेरी का उपयोग कर सकते हैं। आपके द्वारा यहां किए गए कदमों से आप JSON डेटा को एपीआई से एक सुव्यवस्थित एक्सेल स्प्रेडशीट में बदल सकते हैं। आप लाइब्रेरी में अन्य कार्यों का उपयोग करके एक्सेल डेटा को वापस JSON में भी बदल सकते हैं।

इस लाइब्रेरी का उपयोग करने का अभ्यास करने का एक अच्छा तरीका एक ऐसा एप्लिकेशन बनाना है जो एपीआई से साप्ताहिक या मासिक रिपोर्ट तैयार करता है और उन्हें एक्सेल डेटा के रूप में व्यवस्थित करता है।