R.I.B.H.U. Academy^®

VSCode सॉफ्टवेयर में PHP कोड लिखें ?

चेक लिस्ट

1. VSCode स्थापित और काम कर रहा है।
2. XAMPP स्थापित और काम कर रहा है।
3. http://localhost/ जब आप इसे वेब ब्राउज़र में खोलते हैं तो स्वागत पृष्ठ दिखा रहा है या खाली सफेद पृष्ठ जो कि आपके द्वारा index.html या home.html फाइल पहले से बनाया गया था।
4. http://localhost/phpmyadmin/ डेटाबेस पेज भी दिखा रहा है।

बधाई हो!

    यदि उपरोक्त सभी चीजें ठीक से काम कर रही हैं, तो आप एक PROJECT FOLDER और उसके अंदर अन्य फाइलें और फ़ोल्डर बनाने के लिए तैयार हैं। यदि उपरोक्त चेकलिस्ट में से किसी के बारे में आपको कोई समस्या है, तो पिछले पृष्ठों पर जाएँ ।

    अब C:\XAMPP\htdocs फोल्डर को ओपन करें। htdocs फ़ोल्डर C:\xampp\ फ़ोल्डर में है, या जहाँ आपने XAMPP सॉफ़्टवेयर स्थापित किया है। यदि आपको यह नहीं मिल रहा है, तो Start मेनू पर जाएं और XAMPP Control Panel चुनें या खोजें और राइट-माउस-बटन के साथ क्लिक करें और [ More ⇒ Open file location ] का चयन करें। यह शॉर्टकट फ़ाइल का पता लगाएगा और एक बार फिर, उस पर राइट-माउस-बटन के साथ क्लिक करें और [ Open file location ] का चयन करें। अब, आप C:\xampp\ फ़ोल्डर में हैं।

    Caution: अब आपको C:\XAMPP\htdocs\ फोल्डर में मौजूद सभी फाइल्स और फोल्डर को किसी दूसरे फोल्डर में CUT और PASTE या Delete करके हटाना चाहिए, उदाहरण के लिए, Documents. इससे आपका C:\XAMPP\htdocs\ फोल्डर साफ हो जाएगा और आप एक प्रोजेक्ट फोल्डर बनाने के लिए तैयार हो जाएंगे। C:\xampp\ फ़ोल्डर से किसी अन्य फ़ोल्डर या फ़ाइल को न हटाएं ।

VSCode संपादक खोलें

    अब, इसी तरह, C:\vscode2023\ या अन्य फ़ोल्डर से, जहाँ आपने इसे स्थापित किया है, VSCode संपादक को खोजें और खोलें । code.exe फ़ाइल से VSCode संपादक खुल जाएगी । आपको डेस्कटॉप पर code.exe का एक शॉर्टकट बनाना चाहिए क्योंकि आप VSCode संपादक का दैनिक और नियमित रूप से उपयोग करेंगे। अब लेफ्ट-माउस-बटन के साथ, VSCode एडिटर सॉफ्टवेयर के टॉप-लेफ्ट मेन्यू पर File क्लिक करें।

    फिर Open Folder... विकल्प चुनें और [Open Folder] डायलॉग बॉक्स में, (1) C:\xampp\htdocs\फोल्डर ढूंढें और चुनें। (2) जब htdocs [Folder:] फ़ील्ड में दिखाया जाता है, तब (3) Select Folder बटन पर बाएँ-माउस-बटन से क्लिक करें।

    बधाई हो, आपने अपना प्रोजेक्ट फोल्डर बना ( चुन ) लिया है। आप किसी अन्य फ़ोल्डर को अपने प्रोजेक्ट फ़ोल्डर के रूप में चुन सकते हैं, लेकिन यह आपको अन्य स्क्रिप्टिंग भाषाओं के साथ-साथ PHP सीखने में मदद नहीं करेगा।

    .php एक्सटेंशन वाली PHP फाइलें तभी चलेंगी ( काम करेंगी ) जब वे C:\xampp\htdocs\फोल्डर के अंदर होंगी। इसलिए, आपको इसे अपने रूट फ़ोल्डर के रूप में चुनना चाहिए। HTDOCS फोल्डर में, आप जितने चाहें उतने फोल्डर और फाइलें बना सकते हैं, और आगे जितने प्रोजेक्ट होंगे, आप बनाएंगे।

PHP कोड लिखना

    अब, अपने माउस को अपने VSCode संपादक के ऊपरी-बाएं तरफ HTDOCS शब्द पर ले जाएं , और [New File ...] आइकन पर बाएं-माउस-बटन के साथ क्लिक करें जैसा कि ऊपर की छवि में बताया गया है। कहीं और क्लिक न करें। अब, आप एक नई फ़ाइल index.php दिखाई देने वाले आयताकार क्षेत्र में बना सकते हैं। आप इस फ़ाइल को File मेनू ⇒ New File... विकल्प से भी बना सकते हैं। किसी भी मेनू में प्रत्येक विकल्प के बाद तीन बिंदु (…) एक डायलॉग बॉक्स खोलेंगे।

    इसी प्रकार, आप अपने माउस को HTDOCS शब्द पर ले जाकर [New Folder...] आइकन पर माउस के बाएँ-बटन से क्लिक करके एक फ़ोल्डर बना सकते हैं, जैसा कि ऊपर चित्र में बताया गया है। my_project आयताकार क्षेत्र में लिखें, और एक नया फ़ोल्डर बन जाएगा। यदि आप [New Folder...] विकल्प पर क्लिक करने के बाद फ़ील्ड में my_project.php टाइप करते हैं, तो फ़ोल्डर का नाम my_project.php होगा और यह फ़ाइल नहीं है!

Careful: चूँकि आप पहली फ़ाइल और पहला फ़ोल्डर बना रहे हैं, और बाद में आप और फ़ाइलें और फ़ोल्डर बनाएँगे, इसलिए आपको वर्तमान फ़ोल्डर का चयन करना चाहिए जिसमें आप फ़ाइलें और फ़ोल्डर बनाना चाहते हैं। उदाहरण के लिए, my_project शब्द पर क्लिक करें, और फिर से my_project फ़ोल्डर के अंदर दूसरी फ़ाइल home.php बनाने के लिए VSCode एडिटर के ऊपरी-बाईं ओर [New File...] आइकन पर बाईं-माउस-बटन के साथ क्लिक करें

    आप अपने प्रोजेक्ट फ़ोल्डर C:\xampp\htdocs के अंदर एक नए फ़ोल्डर (जो कि किसी भी नाम से है,) उदाहरण के लिए, php_project, में इन फ़ाइलों को भी बना सकते हैं, यानी, index.php या home.php। हालाँकि, आपको अपने वेब-ब्राउज़र में http:// localhost/php_project या ऐसा फ़ोल्डर नाम लिखना चाहिए, जहाँ आपने ये फ़ाइलें बनाई हैं।

index.php या home.php क्यों ?

    जब कोई व्यक्ति वेब ब्राउजर पर किसी वेबसाइट के नाम का अनुरोध करता है, तो अनुरोध की जाने वाली पहली और डिफ़ॉल्ट फाइल index.php होती है । कुछ सर्वर को default.php या home.php खोलने के लिए भी कॉन्फ़िगर किया गया है। आप अपने वेब ब्राउज़र पर http://localhost/ या http://localhost/index.php टाइप करके देख सकते हैं कि यह पहली फ़ाइल बनाई जा चुकीं है। यदि आपने कोई अन्य फ़ाइल बनाई है, जैसा कि ऊपर बताया गया है, तो आप उन्हें अपने वेब-ब्राउज़र पता बार में निम्न टाइप करके खोल सकते हैं।

    http://localhost या http://127.0.0.1 (C:\xampp के अंदर) htdocs फ़ोल्डर का प्रतिनिधित्व करता है और htdocs को 'रूट' फ़ोल्डर भी कहा जाता है। आप htdocs फोल्डर के अंदर जो भी फोल्डर बनाते हैं, वह उसका चाइल्ड होता है और .php एक्सटेंशन वाली फाइलें केवल http://localhost या http://127.0.0.1 के माध्यम से एक्सेस की जाती हैं।

    इसलिए, प्रत्येक PHP फ़ाइल को तभी संसाधित किया जाएगा जब आप सही स्थान लिखते हैं, उदाहरण के लिए http://localhost/folderName इत्यादि...

• http://localhost/ या http://localhost/index.php (यदि index.php फ़ाइल रूट प्रोजेक्ट फ़ोल्डर में बनाई गई है)
• http://localhost/my_project या http://localhost/my_project/home.php (यदि home.php फ़ाइल my_project फ़ोल्डर में PROJECT FOLDER के अंदर बनाई गई है)
• http://localhost/php_project या http://localhost/php_project/index.php (यदि index.php फ़ाइल प्रोजेक्ट फ़ोल्डर के अंदर php_project फ़ोल्डर में बनाई गई है)

    अब, या index.php तो home.php फ़ाइल में, आप PHPकोड लिख सकते हैं। PHP स्क्रिप्ट HTML कोड नहीं हैं, लेकिन बाद में, आप देखेंगे कि PHP के साथ HTML पृष्ठ संरचना उत्पन्न की जा सकती है। हालाँकि, अपनी वेबसाइट के लिए सामग्री प्रबंधन प्रणाली (CMS) विकसित करते समय, आप ज्यादातर MySQL डेटाबेस से डेटा को विभिन्न HTML तत्वों में सम्मिलित करेंगे।

शुद्ध PHP कोड

    अब, खाली index.php या home.php फ़ाइल में, कुछ PURE PHP कोड लिखें। आप इस फ़ाइल को Ctrl S (Windows OS में) या Cmd S (Mac OS में) कुंजियों से सहेज सकते हैं। पहली चीज जो आपको अपनी (.php एक्सटेंशन के साथ वाली) फ़ाइल में टाइप करनी चाहिए, वह लाइन 1 में बिना किसी रिक्त स्थान के <?php   है।

<?php // PHP ओपनिंग टैग के बाद एक खाली जगह छोड़ें।
// एकल-पंक्ति टिप्पणी दो फ़ॉरवर्ड स्लैश के साथ लिखी गई है।
// एक पंक्ति की टिप्पणी के बाद लिखी गई किसी भी चीज़ का मूल्यांकन नहीं किया जाएगा।
// इसलिए, नई लाइन के लिए हमेशा अपने कीबोर्ड में Enter या Return कुंजी दबाएं।
/* एकाधिक लाइन या इनलाइन टिप्पणियां
एक फ़ॉरवर्ड स्लैश के साथ तारांकन चिन्ह (शुरुआती टिप्पणी टैग) और
फ़ॉरवर्ड स्लैश (समापन टिप्पणी टैग) से पहले तारांकन चिह्न के साथ लिखी जाती हैं */

?>

    समापन PHP टैग के बाद कुछ भी न लिखें क्योंकि उन्हें HTML वेब पेज में लिखे गए टेक्स्ट या सामग्री के रूप में माना जाएगा। कई PHP डेवलपर क्लोजिंग (समापन) PHP टैग नहीं लिखते हैं, जिससे इस प्रकार की ERROR नहीं होगी। हालाँकि, आपको PHP सीखने के शुरुआती चरण में इसके बारे में चिंता नहीं करनी चाहिए।

<?php // पिछले पृष्ठ में, आपने निम्न कोड देखा है
echo 123; // echo पूर्व-निर्धारित बिल्ट-इन फ़ंक्शन है
/* echo और इसी तरह के बिल्ट-इन फ़ंक्शन, जिन्हें कोष्ठक की आवश्यकता नहीं होती है, उन्हें कंस्ट्रक्ट के रूप में भी जाना जाता है।
; (सेमी-कोलन) प्रत्येक स्टेटमेंट (कोड के वाक्य) के आखिर में लिखना जरूरी है।
यदि आप ; (सेमी-कोलन) प्रतीक को लिखना भूल जायेगें, तो ERROR प्रदर्शित किया जाएगा। */
// 123 संख्यात्मक डेटा है, जो वेब-ब्राउज़र में दिखाया जाएगा (आपको वेब-पेज को ज़ूम करना चाहिए)।

?>

    आप VSCode Editor के बाईं ओर टूलबार पर Extensions (Ctrl Shift X) पर भी क्लिक कर, आयताकार बॉक्स में php live server टाइप कर सकते हैं। पहले कुछ विकल्पों की जाँच करें, और इनमें से प्रत्येक एक्सटेंशन के बारे में विवरण दाईं ओर दिखाई देगा। आप वह इंस्टॉल कर सकते हैं, जिसके लाखों उपयोगकर्ता पहले से ही (उस एक्सटेंशन को) इंस्टॉल कर चुके हैं। यह आपके वेब-ब्राउज़र को लाइव सर्वर के रूप में कार्य करेगा। और, आपको वेब-पेज को रिफ्रेश करने की जरूरत नहीं है।

    उसी फाइल में एक और उदाहरण लेते हैं। आप प्रत्येक अभ्यास के लिए एक नई फ़ाइल भी बना सकते हैं, जैसे 0001.php या 0002.php, जब तक कि आपको विशिष्ट फ़ाइलें और विशिष्ट फ़ोल्डर बनाने के लिए निर्देशित नहीं किया जाता है। हालाँकि, आपको वेब-ब्राउज़र के एड्रेस बार में लिखना होगा :
http://localhost/folderName/0001.php या
http://localhost/folderName/0002.php

<?php // PHP के अंदर कुछ HTML एलिमेंट्स लिखते हैं
echo '<h1>Hello World</h1>'; // आप अगले अध्याय में अलग-अलग डेटा-प्रकार के बारे में जानेंगे।
/* 123 उपरोक्त उदाहरण में एकल उद्धरणों की एक जोड़ी के बिना, एक संख्या है। लेकिन, इस उदाहरण में, एकल उद्धरणों की एक जोड़ी के अंदर लिखे गए प्रतीकों सहित वर्ण STRING हैं। */
// आप दोहरे उद्धरणों की एक जोड़ी का भी उपयोग कर सकते हैं, जो एकल उद्धरणों की एक जोड़ी से अधिक महत्व रखती है।

?>