مشروع Java MVC [شرح العملية خطوة بخطوة]

يتطلب تطوير البرامج وتطبيقات الويب معرفة فنية وتجريبية. يُعد Spring framework هو الاختيار الأفضل بين المطورين والطلاب والباحثين لبرمجة التطبيقات المستندة إلى Java. لذلك ، دعونا نلقي نظرة على بعض أمثلة مشاريع Java MVC والتعرف على بعض الصواميل والمسامير لعملية التطوير.

تعد بنية Model-View-Controller (MVC) نوعًا من التصميم الذي يفصل التطبيق الخاص بك إلى ثلاثة مكونات منطقية مع معالجة كل عنصر جانبًا معينًا. يتمتع إطار العمل بقبول على مستوى الصناعة في تطوير مشاريع قابلة للتطوير. من خلال دراسة مثال Spring MVC ، ستتعلم كيفية تنفيذ نمط MVC وإنشاء تطبيق بواجهة مستخدم ممتازة. لذا ، لنبدأ بالتعرف على نمط التصميم أولاً.

خلفية MVC

كما يوحي الاسم ، تتألف بنية MVC من ثلاث طبقات من الكود ، وهي:

1. النموذج: تخزين البيانات ، وسلامتها ، واتساقها ، والاستعلامات (كود المصدر المتعلق بالبيانات)
2. عرض: التحقق من صحة الإدخال ، وعرض التحديث ، وتعديل النموذج (كود المصدر المتعلق بواجهة المستخدم)
3. وحدة التحكم: عرض الكود والأصول (رمز النهاية)

يمكنك تطوير هذه الطبقات والتحكم فيها وتصحيحها بشكل منفصل. علاوة على ذلك ، لا تتداخل الأجزاء الثلاثة مع بعضها البعض ، ويمكنك إخفاء طبقة الوصول إلى البيانات عن المستخدمين. لذلك ، فهي نعمة للتعامل مع المتطلبات المعقدة بطريقة خفيفة الوزن وغير معقدة. يمكنك تجربة تطبيق Hello World بسيط أو تطبيق مؤسسة كامل باستخدام هذا الإطار.

تعلم: Spring Web Services: الميزات ، الهندسة المعمارية ، التثبيت وخطوات المشروع

مثال على تطبيق ويب الربيع

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

1. إنشاء النموذج

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

يمكنك بعد ذلك إنشاء ملف فئة جديد (يسمى HelloWorldModel) ضمن هذه الحزمة ليكون بمثابة نموذج لتطبيقك. ومن ثم ، فإن اسم الفئة واسم الملف سيكونان متشابهين. بعد ذلك ، ستقوم باستخراج البيانات من المصدر وحفظ / تحديث بيانات المستخدم. يمكن أن يؤدي استخدام واجهات برمجة تطبيقات الملفات الخاصة بوثائق جافا إلى تسهيل تنفيذ التمرين بأكمله.

2. إنشاء طريقة العرض

بالنسبة لهذا الجزء ، يمكنك إما استخدام Eclipse IDE أو NetBeans. يُظهر مقطع العرض في تطبيقك ما تسمح به وحدة التحكم. في Eclipse ، سيتعين عليك كتابة التعليمات البرمجية ، بينما يأتي NetBeans مزودًا بوظيفة السحب والإفلات لتنفيذ واجهة مستخدم رسومية بسيطة.

إجراء إنشاء طريقة العرض مشابه تمامًا للممارسة المعتمدة في النموذج. ستبدأ بإنشاء حزمة جديدة ، JavaMVCViews ، متبوعة بفئة تسمى HelloWorldView.

3. إنشاء وحدة التحكم

ربما تكون وحدة التحكم هي الجزء الأكثر حيوية في تطبيق MVC لأنه يحتوي على منطق تفاعل عرض النموذج. لإنشاء وحدة التحكم ، يمكنك تكرار نفس العملية لإنشاء حزمة وفئة. في هذه الحالة ، يمكنك تسميتها JavaMVCControllers و HelloWorldController ، على التوالي. تشتمل وحدة التحكم على ثلاث وظائف رئيسية. هذه المواضيع موصوفة في الاسفل.

• startApplication: يبدأ التطبيق عن طريق استدعاء View (في Java's Swing API ، يمكنك تعيين الخاصية setVisible على أنها صحيحة لجعل JFrame مرئيًا)
• استخراج البيانات من النموذج
• إعادة البيانات إلى العرض

4. تشغيل التطبيق

كما هو موضح أعلاه ، يمكنك تشغيل startApplication لتشغيل تطبيق الويب MVC. عندما يريد المستخدم إرسال البيانات أو تلقيها ، يستجيب المراقب عن طريق السؤال أو إرسال البيانات من النموذج. بعد ذلك ، ترسل وحدة التحكم النتيجة (نجاح أو خطأ) مرة أخرى إلى العرض. يعمل العرض أيضًا عبر وحدة التحكم ، للاستعلام عن البيانات أو إضافتها إلى النموذج. أخيرًا ، تتحقق وحدة التحكم من صحة البيانات لتحديث النموذج.

الآن ، دعنا نرى كيف ستتكشف هذه الخطوات في مثال Spring MVC. يتضمن مشروعنا نظام تسجيل وتسجيل مستخدم يستخدم Maven لإدارة التبعيات وإعداد Eclipse. يمكنك استخدام هذا البرنامج التعليمي كدليل لممارسة مهاراتك في تطوير Spring MVC.

الخطوة 1: إنشاء مشروع مخضرم

من السهل نسبيًا إنشاء مشروع Maven في Eclipse. يمكنك القيام بذلك عن طريق تحديد Web Archetype. افتح IDE الخاص بك وانتقل إلى ملف> جديد> أخرى. ثم حدد مشروع Maven> التالي. ستحتاج إلى إلغاء تحديد موقع مساحة العمل الافتراضي والنقر فوق "استعراض" لإعداد مساحة العمل الخاصة بك. بعد ذلك ، اختر نموذجًا أصليًا ، وحدد معرف المجموعة ومعرف الأداة ، وانقر فوق إنهاء.

الخطوة 2: تحديث تبعيات Maven

الآن ، افتح ملف pom.xml من مجلد مشروع Maven الذي تم إنشاؤه حديثًا. قم بتحديث POM لتعديل الهيكل الافتراضي. قد تضطر أيضًا إلى إضافة التبعيات عن طريق تحديث ملف XML بأحدث Junit وحفظه.

الخطوة 3: قم بإنشاء ملف web.xml

ستشمل هذه الخطوة عمل اثنين من servlets الجذرية الرئيسية:

• DispatcherServlet: لإعادة توجيه طلبات التطبيق إلى وحدة التحكم المناسبة لعناوين URL محددة
• mvc-spring: حاوية جذر تبحث عنها حاوية الربيع

الخطوة 4: إنشاء تكوين الربيع

ستحتاج إلى ملف XML لتمكين تكوين الربيع ، على سبيل المثال ، spring-mvc-servlet.xml. في هذه المرحلة ، سيكون مطلوبًا أيضًا إنشاء الحبوب.

الخطوة 5: إنشاء وحدات تحكم منفصلة لتسجيل المستخدم وتسجيل دخول المستخدم

في هذا المشروع ، سيتعين عليك إنشاء حزمتي تحكم ، مثل jbr.springmvc.controller و jbr.springmvc.model.

الخطوة 6: إنشاء فئات للوصول إلى قاعدة بيانات MySQL

تتعلق هذه الخطوة بإنشاء فئات DAO أو واجهة تتيح لك الوصول إلى قاعدة بيانات MySQL. يمكنك القيام بذلك عن طريق كتابة الكود الخاص بحزمة تسمى jbr.springmvc.dao.

الخطوة 7: إنشاء تكوين جديد لفاصوليا الربيع

انتقل إلى "الموارد" وأنشئ تكوينًا جديدًا لوحدات xml لتحديد الفول. يمكنك تسميته user-beans.xml.

الخطوة 8: إنشاء جداول MySQL

تتكون هذه الخطوة من إنشاء جدول قاعدة بيانات به أعمدة وصفوف لهيكلة البيانات. هنا ، ستبدأ الكود الخاص بك باستخدام عبارة CREATE TABLE.

الخطوة 9: إنشاء طرق العرض

لإنشاء طرق عرض ، ستعمل مع مجلد / src / main / webapp ، بدءًا من إنشاء home.jsp. بعد ذلك ، ضمن / src / main / webapp / jsp ، يمكنك كتابة رمز لإنشاء register.jsp و login.jsp و welcome.jsp.

الخطوة 10: قم بتشغيل التطبيق

انقر بزر الماوس الأيمن فوق التطبيق واتبع التعليمات بالترتيب الوارد أدناه:

• مخضرم> نظيف
• مخضرم> تثبيت
• تشغيل كـ> تشغيل على الخادم> تشغيل باستخدام Tomcat

ستتمكن من رؤية ناتج مثال تطبيق الويب Spring الخاص بك في شكل الصفحات التالية:

• الصفحة الرئيسية
• تسجيل المستخدم
• نجاح تسجيل المستخدم
• تسجيل الدخول
• النجاح في تسجيل الدخول

اقرأ أيضًا: أفضل 18 أفكارًا مثيرة لمشروعات الربيع وموضوعات للمبتدئين

ملاحظات ختامية

يتبع اتصال MVC أن البيانات تأتي من مصدر البيانات لعرضها عبر وحدة التحكم. علاوة على ذلك ، يتم عرض البيانات المقدمة بواسطة طريقة العرض على الشاشة. تتمتع تطبيقات Spring MVC بالعديد من المزايا ، بدءًا من توفير التكوين القوي والتطور السريع إلى كونها أسرع في التصحيح والاختبار وإعادة الاستخدام. يمكن أن يؤدي إنشاء تطبيق Hello World كلاسيكي باستخدام نمط التصميم هذا إلى إظهار تعقيدات التطوير لمطوري البرامج الطموحين.

تتطلب المهن التكنولوجية التعلم المستمر وتوسيع المعرفة وتعزيز المهارات. وتوفر أنشطة المشروع طريقة ممتازة لتوسيع قدراتك. نأمل أن تكون قد تعلمت شيئًا جديدًا من خلال العرض التوضيحي أعلاه لمشاريع Java MVC.

إذا كنت مهتمًا بمعرفة المزيد حول التطوير الكامل ، فراجع دبلومة PG من upGrad و IIIT-B في تطوير البرامج ذات المكدس الكامل والتي تم تصميمها للمهنيين العاملين وتقدم أكثر من 500 ساعة من التدريب الصارم ، وأكثر من 9 مشاريع ، والمهام ، وحالة خريجي IIIT-B ، ومشاريع التخرج العملية العملية والمساعدة في العمل مع الشركات الكبرى.