वेबिनार खोलें "Yii2 ढांचे पर एक वेब साइट बनाना"

सभी को नमस्कार!

पिछले हफ्ते, हमारे नए शिक्षक , बैकएंड PHP डेवलपर ने "Yii2 फ्रेमवर्क का उपयोग करके एक वेब साइट बनाना" पर पहला खुला पाठ पढ़ाया । हम आपके ध्यान को वेबिनार की रिकॉर्डिंग और ट्रांसक्रिप्शन पर लाते हैं।


Yii2 ऑब्जेक्ट ओरिएंटेड घटक फ्रेमवर्क एक बहुत ही लोकप्रिय और उपयोगी उपकरण है जो वेबसाइट बनाते समय काम आता है। 2 जुलाई, 2018 को आयोजित एवगेनी वोलोसैटोव का खुला सबक इस विषय के लिए समर्पित था। एक इंटरैक्टिव मास्टर वर्ग के हिस्से के रूप में, शिक्षक ने न केवल रूपरेखा की विशेषताओं के बारे में बात की, बल्कि व्यवहार में इसके आवेदन को भी दिखाया।

एक खुले सबक में काम सिद्धांत के अनुसार हुआ: "सौ बार देखने की अपेक्षा एक बार करना बेहतर है।" सभी चरणों को क्रमिक रूप से और पहले से तैयार योजना के अनुसार किया गया था। ढांचे की बेहतर समझ के लिए, तैयार किए गए टेम्प्लेट लोड नहीं किए गए थे। सभी परिवर्तन कदम से कदम प्रतिबद्ध हैं। छात्रों के साथ फीडबैक बनाए रखा गया था, इसलिए शिक्षक ने तुरंत सवालों के जवाब दिए और कठिनाइयों और त्रुटियों का सामना करने में मदद की।

ऑनलाइन पाठ में निम्नलिखित टूल का उपयोग किया गया था:

• सर्वर खोलें
• PhpStorm विकास का वातावरण
• Git सॉफ्टवेयर
• एक संगीतकार आवेदन स्तर प्रबंधक।

कार्य शुरू होने से पहले सभी आवश्यक सॉफ़्टवेयर पीसी पर स्थापित किए गए थे।

मास्टर क्लास के दौरान, छात्रों को शिक्षक के साथ कई व्यावहारिक कार्यों को पूरा करने के लिए कहा गया था:

1. कार्यस्थल की तैयारी। पहला कदम ओपन सर्वर फ़ोल्डर से ओएस पैनल लॉन्च करना है और इसे कॉन्फ़िगर करना है ("मॉड्यूल" टैब में अपाचे-पीएचपी -7 के एक विशेष संस्करण का चयन करना, "डोमेन" टैब में एक स्थानीय ओटस.लोकलॉस्ट डोमेन बनाना)। इसके अलावा, ओटस फ़ोल्डर OpenServer / Domains पते पर बनाया गया था, और इसमें वेब फ़ोल्डर बनाया गया था। यह वह पता था जो भविष्य की साइट का रूट डायरेक्टरी बन गया था, जबकि इसे (\ otus \ web) पथ को "डोमेन" टैब में मैन्युअल रूप से निर्दिष्ट किया गया था। सर्वर सेटिंग्स को पूरा करने के बाद, साइट सफलतापूर्वक शुरू हो गई और ओटस.लोकलॉस्ट में ब्राउज़र में उपलब्ध हो गई।
2. पहला प्रोजेक्ट फ़ाइल बनाएँ। यह प्रक्रिया, बाद के कई लोगों की तरह, ओपन सर्वर कंसोल के माध्यम से की गई थी। इसमें ओटस फ़ोल्डर (> सीडी ओटस), डोमेन फ़ोल्डर (> सीडी डोमेन), और वेब फ़ोल्डर में प्रवेश करने के आदेश शामिल थे। पहली index.php फ़ाइल मैन्युअल रूप से वेब पर बनाई गई थी और सरल सामग्री वाली एक पंक्ति भेजी गई थी - वेलकम।
3. Yii2 कर्नेल स्थापित करना। कम्पोज़र पैकेज मैनेजर के संस्करण को> कंपोज़र सेल्फ-अपडेट कमांड के माध्यम से अपडेट करने और पुस्तकालयों और मॉड्यूल को लोड करके काम के लिए तैयार करने की प्रक्रिया शुरू हुई। साथ ही, Git को इनिशियलाइज़ किया गया (> git init) और बनाई गई फ़ाइल इससे जुड़ी हुई थी (> git add web \ index phit)। अगला, कमांड के माध्यम से Yii2 कर्नेल स्थापित करें> संगीतकार को "yiisoft / yii2: * की आवश्यकता होती है। परिणामस्वरूप, कंपोज़र। json और कंपोज़र ।log फ़ाइलें वेब फ़ोल्डर में दिखाई दीं, साथ ही विक्रेता फ़ोल्डर (इसे Git अपवादों में जोड़ा गया)। उसके बाद, PhpStorm को डाउनलोड करना और कुछ कॉन्फ़िगरेशन सेटिंग्स लिखना और index.php को कमांड देना आवश्यक था। इसके अलावा, विन्यास सेटिंग्स के लिए ओटस फ़ोल्डर में एक अलग फ़ोल्डर बनाया गया था, और इसमें संबंधित सामग्री के साथ एक web.php फ़ाइल थी।
4. प्रोग्राम के प्रबंधन के लिए एक डेवलपर एंट्री पॉइंट बनाएं। नियंत्रकों फ़ोल्डर को SiteController.php फ़ाइल के साथ बनाया गया था, आवश्यक कार्य और वेब नियंत्रक की विरासत के साथ वर्ग पंजीकृत किए गए थे।
5. अभ्यावेदन का निर्माण (दृश्य)। इस स्तर पर, एक ही नाम वाली एक निर्देशिका की आवश्यकता थी, साथ ही प्रत्येक नियंत्रक के लिए एक अतिरिक्त फ़ोल्डर बनाया गया था, और इसमें प्रत्येक व्यक्तिगत विधि के लिए एक index.php फ़ाइल थी। HTML संरचना main.php फ़ाइल में लिखी गई थी, जिसे पहले बनाए गए लेआउट फ़ोल्डर में रखा गया था (यह एक त्रुटि से बचने में मदद करता है)।
6. बूटस्ट्रैप स्किन्स को कनेक्ट और कॉन्फ़िगर करें। एक कठिन और महत्वपूर्ण चरण, जिसके सफल कार्यान्वयन ने डिजाइनर की भागीदारी के बिना सुंदर साइटों के विकास के अवसर खोले। मॉड्यूल को स्थापित करने के लिए, घटकों को जोड़ने के लिए पैनल कमांड लाइन में एक कमांड जोड़ा गया था, जिसके बाद उन्हें डाउनलोड किया गया था। इसके अलावा main.php फ़ाइल में, php स्क्रिप्ट बनाने और इसे बूटस्ट्रैप से कनेक्ट करने के लिए आवश्यक था। इसके बाद, नेविगेशन के लिए काम करने के लिए आवश्यक एनएवीबीआर घटक को बुलाया गया। त्रुटियां हुईं और उनसे बचने के लिए, कंपोज़र कॉन्फिगरेशन को सही इंस्टॉलेशन पथ के साथ कंपोज़र.जसन फ़ाइल में पुन: कॉन्फ़िगर किया गया। उसके बाद, विक्रेता फ़ोल्डर में बोवर-एसेट फ़ोल्डर को हटाना संभव हो गया। इसके अलावा, डिजाइन मॉड्यूल को कॉन्फ़िगर करने के लिए काम किया गया था (ट्रिगर्स, एक डिव कंटेनर, आदि को main.php फ़ाइल में जोड़ा गया था)।
7. मेनू बार और नेविगेशन आइटम बनाएं और जुड़ें और लॉगिन करें। मुख्य कोड में आवश्यक कोड डालकर कार्य कार्यान्वित किए गए। साइट फ़ोल्डर में पेज नेविगेशन के साथ काम करने के लिए, नेविगेशन आइटम्स (join.php, login.php) के अनुरूप नाम वाली नई php फाइलें बनाई गईं। इसके अलावा, नियंत्रक में परिवर्तन किए गए थे। एड्रेस बार में "क्लीन अप" करने के लिए, मुझे urlManager घटक को कनेक्ट करना था और इसके लिए बनाई गई .htaccess फ़ाइल (वेब ​​फ़ोल्डर) में अनुरोधों को पुनर्निर्देशित करने के लिए नियमों को सेट करना था।
8. Yii2 प्रोजेक्ट डिबगिंग सिस्टम के लिए डिबग एक्सटेंशन को कनेक्ट करना। सिस्टम के काम करने के लिए, विशेष सॉफ्टवेयर डाउनलोड और इंस्टॉल किया गया था (जब यह जुड़ा हुआ था, निर्माता की वेबसाइट पर निर्देशों में वर्णित चरणों का प्रदर्शन किया गया था)। इस चरण को सफलतापूर्वक पारित करने के परिणामस्वरूप, उपयोगकर्ता पृष्ठ के निचले भाग में एक विशेष इंटरफ़ेस पैनल के माध्यम से लॉग, अनुरोध, कॉन्फ़िगरेशन और साइट के अन्य मापदंडों को देखने में सक्षम था।

हमेशा की तरह, हम यहां प्रश्नों, सुझावों, टिप्पणियों की प्रतीक्षा कर रहे हैं या दूसरे खुले पाठ को देख रहे हैं ।