ندوة مفتوحة على الويب "إنشاء موقع ويب في إطار عمل Yii2"

مرحبا بالجميع!

في الأسبوع الماضي ، قام مدرسنا الجديد ، Backend PHP Developer ، بتدريس أول درس مفتوح حول "إنشاء موقع ويب باستخدام إطار Yii2". نلفت انتباهك إلى تسجيل ونسخ البرنامج التعليمي على الويب نفسه.


يُعد إطار المكون الموجه للكائن Yii2 أداة شائعة ومفيدة للغاية والتي تكون مفيدة عند إنشاء مواقع الويب. تم تخصيص الدرس المفتوح لـ Evgeny Volosatov ، الذي عقد في 2 يوليو 2018 ، لهذا الموضوع. كجزء من الفصل الرئيسي التفاعلي ، لم يتحدث المعلم بالمثل عن ميزات الإطار فحسب ، بل أظهر أيضًا تطبيقه في الممارسة.

تم العمل في درس مفتوح وفق مبدأ: "من الأفضل أن تفعل ذلك مرة واحدة من أن ترى مائة مرة". تم تنفيذ جميع الخطوات بالتسلسل ووفقًا لخطة معدة مسبقًا. لفهم الإطار بشكل أفضل ، لم يتم تحميل القوالب الجاهزة. يتم الالتزام بجميع التغييرات خطوة بخطوة. تم الحفاظ على التغذية الراجعة مع الطلاب ، لذلك أجاب المعلم على الفور على الأسئلة وساعد في التعامل مع الصعوبات والأخطاء.

تم استخدام الأدوات التالية في الدرس عبر الإنترنت:

• افتح الخادم
• بيئة تطوير PhpStorm
• برنامج Git
• مدير مستوى تطبيق الملحن.

تم تثبيت جميع البرامج اللازمة على جهاز الكمبيوتر قبل بدء العمل.

أثناء الفصل الدراسي ، طُلب من الطلاب إكمال عدد من المهام العملية مع المعلم:

1. إعداد مكان العمل. الخطوة الأولى هي تشغيل لوحة OS من مجلد Open Server وتكوينه (اختيار إصدار خاص من Apache-PHP-7 في علامة التبويب "الوحدات النمطية" ، وإنشاء نطاق otus.localhost محلي في علامة التبويب "المجالات"). علاوة على ذلك ، تم إنشاء مجلد otus على عنوان OpenServer / Domains ، وتم إنشاء مجلد الويب فيه. أصبح هذا العنوان هو الدليل الجذر للموقع المستقبلي ، بينما تم تحديد المسار إليه (\ otus \ web) يدويًا في علامة التبويب "المجالات". بعد إكمال إعدادات الخادم ، بدأ الموقع بنجاح وأصبح متاحًا في المتصفح على otus.localhost.
2. قم بإنشاء ملف المشروع الأول. تم تنفيذ هذا الإجراء ، مثل العديد من الإجراءات اللاحقة ، من خلال وحدة تحكم Open Server. وتضمن أوامر لإدخال مجلد otus (> cd otus) ، ومجلد المجالات (> مجالات cd) ، ومجلد الويب. تم إنشاء ملف index.php الأول يدويًا على الويب وتم إرسال سطر بمحتوى بسيط - مرحبًا.
3. تثبيت نواة Yii2. بدأ الإجراء عن طريق تحديث إصدار مدير الحزم Composer عبر أمر التحديث الذاتي للملحن وإعداده للعمل عن طريق تحميل المكتبات والوحدات النمطية. أيضا ، تمت تهيئة Git (> git init) وتم توصيل الملف الذي تم إنشاؤه به (> git add web \ index php). بعد ذلك ، قم بتثبيت Yii2 kernel من خلال الأمر> الملحن يتطلب "yiisoft / yii2: *" ونتيجة لذلك ، ظهرت ملفات composer.json و composer.log في مجلد الويب ، بالإضافة إلى مجلد المورد (تمت إضافته إلى استثناءات Git). بعد ذلك ، كان من الضروري تنزيل PhpStorm وكتابة إعدادات وأوامر تهيئة معينة إلى index.php. أيضا ، تم إنشاء مجلد منفصل في مجلد otus لإعدادات التكوين ، وفيه كان هناك ملف web.php بالمحتويات المقابلة.
4. إنشاء نقطة دخول مطور لإدارة البرنامج. تم إنشاء مجلد "وحدات التحكم" باستخدام ملف SiteController.php ، وتم تسجيل الوظائف الضرورية والفئة التي تتضمن توريث وحدة تحكم الويب.
5. إنشاء تمثيلات (آراء). في هذه المرحلة ، كان مطلوبًا دليل يحمل نفس الاسم ، بالإضافة إلى إنشاء مجلد إضافي لكل وحدة تحكم ، ويحتوي على ملف index.php لكل طريقة فردية. تمت كتابة بنية HTML في ملف main.php ، الذي تم وضعه في مجلد التخطيطات الذي تم إنشاؤه سابقًا (مما ساعد على تجنب الخطأ).
6. ربط وتكوين جلود Bootstrap. مرحلة صعبة ومهمة ، أتاح تنفيذها الناجح الفرص لتطوير مواقع جميلة دون مشاركة المصمم. لتثبيت الوحدة النمطية ، تمت إضافة أمر إلى سطر أوامر اللوحة لتوصيل المكونات ، وبعد ذلك تم تنزيلها. أيضًا في ملف main.php ، كان من الضروري إنشاء برنامج نصي php وتوصيله بـ Bootstrap. بعد ذلك ، تم استدعاء مكون NavBar ، الضروري للملاحة للعمل. حدثت أخطاء ولتجنبها ، تمت إعادة تهيئة تهيئة Composer في ملف composer.json باستخدام مسار التثبيت الصحيح. بعد ذلك ، أصبح من الممكن حذف مجلد أصول كوخ في مجلد البائع. أيضا ، تم العمل لتكوين وحدة التصميم (تم إضافة المشغلات ، حاوية div ، إلخ إلى ملف main.php).
7. إنشاء شريط القوائم وعناصر التنقل الانضمام وتسجيل الدخول. تم تنفيذ المهام عن طريق إدخال الكود اللازم في main.php. للعمل مع تصفح الصفحة في مجلد الموقع ، تم إنشاء ملفات php جديدة بأسماء مقابلة لعناصر التنقل (join.php ، login.php). بالإضافة إلى ذلك ، تم إجراء تغييرات على وحدة تحكم. من أجل "التنظيف" في شريط العناوين ، كان علي توصيل مكون urlManager وتعيين القواعد لإعادة توجيه طلبات المستعرض في ملف htaccess الذي تم إنشاؤه لهذا (مجلد الويب).
8. توصيل ملحق التصحيح لنظام تصحيح مشروع Yii2. لكي يعمل النظام ، تم تنزيل برنامج خاص وتثبيته (عندما كان متصلاً ، تم تنفيذ الخطوات الموضحة في التعليمات على موقع الشركة المصنعة). نتيجة لاجتياز هذه المرحلة بنجاح ، تمكن المستخدم من رؤية السجلات والطلبات والتكوين والمعلمات الأخرى للموقع من خلال لوحة واجهة خاصة في أسفل الصفحة.

كما هو الحال دائمًا ، نحن في انتظار الأسئلة والاقتراحات والتعليقات هنا أو إلقاء نظرة على الدرس المفتوح الثاني.