الصفحة الرئيسية>المتعلقة بالبرمجة>شفرة المصدر الأخرى
تنزيل

CS50 برمجة الويب المشروع النهائي: المبرمج التالي

فيديو المشروع هو: https://youtu.be/ythhec-bdqa

الفكرة الرئيسية

لقد قمت بإنشاء تطبيق ويب تعاوني لمعرفة كيفية التعليمات البرمجية. يمكن للجميع إنشاء حديث (وهو في الأساس فصول فقط) ويمكن للجميع التسجيل في تلك الفئات. المكونات الرئيسية هي:

  • الصفحة الرئيسية
  • تسجيل الدخول/تسجيل الدخول/التسجيل
  • صفحة محادثات مدرجة فيها جميع المحادثات أو الفصول المختلفة وحيث يمكنك تصفية المحادثات حسب معايير مختلفة
  • صفحة فردية لكل حديث مع كل معلوماته وزر للتسجيل
  • الصفحة التي يمكنك من خلالها الوصول إلى جميع المحادثات التي تم تسجيلها فيها
  • صفحة لإنشاء محادثات جديدة

التميز والتعقيد

الصفحة لا تشبه أي شيء أنشأناه بالفعل. إنه ليس تطبيقًا لوسائل التواصل الاجتماعي ولا التجارة الإلكترونية. إنه لا يشبه مشاريع السنوات الأخرى أيضًا.

من حيث التعقيد ، استخدمت Django مع أكثر من نموذج واحد (موضح أدناه) وعدة ملفات JavaScript إلى الواجهة الأمامية. علاوة على ذلك ، فإن جميع تطبيقات الويب تستجيب لأحجام الشاشة المختلفة (بشكل أساسي الهواتف المحمولة وأجهزة الكمبيوتر).

معلومات الملفات

  • في العروض. هناك كل رمز الواجهة الخلفية. الوظائف الرئيسية هي:

    • فئة NewTalkform مع جميع الحقول لإنشاء حديث جديد
    • SearchTalkForm لتصفية المحادثات
    • يتم نسخ وظائف تسجيل الدخول والتسجيل والتسجيل من المشروع 4
    • new_talk لحفظ نقاش جديد ومعلومات ذات صلة يحب العلامات
    • علامات لاسترداد العلامات الموجودة وإضافة علامات جديدة
    • علامات التصفية: لإرجاع قائمة المحادثات بناءً على المرشحات التي حددها المستخدم
    • get_by_title: إرجاع محادثات تظهر فيها الكلمات في العنوان أو الوصف أو العلامات
    • تحدث لاسترداد المعلومات حول حديث معين
    • التسجيل: لتسجيل الحديث
    • get_enrolled_talks: لاسترداد المحادثات التي تم تسجيلها فيها

  • النماذج. النماذج المختلفة هي:

    • نموذج المستخدمين
    • نموذج للعلامات
    • يتحدث نموذج مع كل التفاصيل المختلفة حول الحديث (و Serializer)

  • محادثات

  • new_talk.js: بالنسبة للجزء الثاني من إنشاء حديث جديد يضيف علامات. يتم تحميله ويظهر العلامات ويحفظ علامات جديدة ويضيف العلامات المحددة إلى الحديث الجديد

  • mytalks.js: للحصول على المحادثات التي مسجل فيها وإظهارها في DOM

  • قوالب لجميع صفحات HTML المختلفة الموضحة أعلاه (8 في المجموع بما في ذلك ملف التخطيط)

  • ملف CSS مع جميع CSS المستخدمة في تطبيق الويب. يتم استخدام تقنيات مثل Flexbox و Grid

  • ملفات أخرى أقل أهمية مثل عناوين URL ، المسؤول ، الإعدادات ، الصور الثابتة ...

كيفية تشغيل التطبيق

  • تثبيت تبعيات المشروع عن طريق تشغيل PIP تثبيت -r متطلبات. txt
  • قم بعمل وتطبيق الترحيل عن طريق تشغيل Python Manage.py makemigrations و python manage.py migrate.
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل