Ext.js - पर्यावरण सेटअप

स्थानीय पर्यावरण सेटअप

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

लाइब्रेरी फाइल्स को डाउनलोड करना

Sencha से एक्सट जेएस लाइब्रेरी फ़ाइलों का परीक्षण संस्करण डाउनलोड करें https://www.sencha.com। आपको अपनी पंजीकृत मेल आईडी पर साइट से ट्रायल संस्करण मिलेगा, जो एक्स-6.0.1-ट्रायल नाम का ज़िप्ड फ़ोल्डर होगा।

फ़ोल्डर को अनज़िप करें और आपको विभिन्न जावास्क्रिप्ट और सीएसएस फाइलें मिलेंगी, जिन्हें आप हमारे आवेदन में शामिल करेंगे। हम ज्यादातर निम्नलिखित फ़ाइलों को शामिल करेंगे -

JavaScript Files - JS फाइल जिसे आप फोल्डर \ ext-6.0.1 के तहत पा सकते हैं-परीक्षण \ ext6.0.1 \ build हैं -

अनु क्रमांक	फाइल विवरण
1	ext.js यह कोर फाइल है जिसमें एप्लिकेशन को चलाने के लिए सभी कार्यक्षमताओं को शामिल किया गया है।
2	ext-all.js इस फ़ाइल में फ़ाइल में कोई टिप्पणी नहीं के साथ सभी कोड शामिल हैं।
3	ext-all-debug.js यह डीबगिंग उद्देश्य के लिए ext-all.js का अनइंस्टॉल किया गया संस्करण है।
4	ext-all-dev.js यह फ़ाइल भी निर्विवाद है और इसका उपयोग विकास के उद्देश्य के लिए किया जाता है क्योंकि इसमें किसी भी त्रुटि / समस्या की जांच करने के लिए सभी टिप्पणियाँ और कंसोल लॉग होते हैं।
5	ext-all.js इस फ़ाइल का उपयोग उत्पादन के उद्देश्य के लिए किया जाता है क्योंकि यह किसी भी अन्य की तुलना में बहुत छोटा है।

आप इन फ़ाइलों को अपने प्रोजेक्ट्स JS फ़ोल्डर में जोड़ सकते हैं या आप एक सीधा रास्ता प्रदान कर सकते हैं जहाँ फ़ाइल आपके सिस्टम में रहती है।

CSS Files - विषय-आधारित फ़ाइलों की संख्या होती है, जिन्हें आप फ़ोल्डर \ ext6.0.1- परीक्षण \ ext-6.0.1 के तहत पा सकते हैं। \ क्लासिक \ थीम-क्लासिक \ संसाधन \ थीम-क्लासिक-ऑल.केक्स

यदि आप डेस्कटॉप एप्लिकेशन का उपयोग करने जा रहे हैं, तो आप फ़ोल्डर के तहत क्लासिक विषयों का उपयोग कर सकते हैं \ ext-6.0.1-परीक्षण \ ext-6.0.1 + बिल्ड + क्लासिक
यदि हम मोबाइल एप्लिकेशन का उपयोग करने जा रहे हैं, तो आप आधुनिक थीम का उपयोग कर सकते हैं, जो कि फोल्डर \ ext-6.0.1- ट्रायल \ ext-6.0.1 \ build \ मॉडर्न के तहत पाया जा सकता है

एक्सट्रा JS एप्लीकेशन में निम्नलिखित लाइब्रेरी फाइल्स को जोड़ा जाएगा।

<html>
   <head>
      <link rel = "stylesheet" type = "text/css" 
         href = "..\ext-6.0.1-trial\ext-6.0.1\build\classic\theme-classic\resources\theme-classic-all.css" />
      <script type = "text/javascript" 
         src = "..\ext-6.0.1-trial\ext-6.0.1\build\ext-all.js" > </script>
      <script type = "text/javascript" src = "app.js" > </script>
   </head>
</html>

आप ऐप में एजेएस फ़ाइल में एक्सटीजेएस एप्लिकेशन कोड रखेंगे।

CDN सेटअप

सीडीएन सामग्री वितरण नेटवर्क है जिसके साथ आपको एक्सटी जेएस लाइब्रेरी फ़ाइलों को डाउनलोड करने की आवश्यकता नहीं है, इसके बजाय आप सीधे अपने कार्यक्रम में एक्सटीजेएस के लिए सीडीएन लिंक जोड़ सकते हैं -

<html>
   <head>
      <link rel = "stylesheet" type = "text/css" 
         href = "https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/classic/theme-crisp/resources/theme-crisp-all.css" / >
      <script type = "text/javascript" 
         src = "https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/ext-all.js"> </script>
      <script type = "text/javascript" src = "app.js" > </script> 
   </head>
</html>