[أعلى المجموعة الكاملة] تطوير الحزمة الكاملة Node.js + Vue.js لموقع الويب الرسمي للهاتف المحمول Honor of Kings والواجهة الخلفية للإدارة
هذا المشروع هو الكود المصدري ذو الصلة لبرنامج الفيديو التعليمي الأفضل من Bilibili https://github.com/wxs77577/node-vue-moba. يتم تحديثه بشكل مستمر... يرجى الانتباه.
1. البدء
- مقدمة المشروع
- تثبيت الأدوات وبناء البيئة (nodejs، npm، mongodb)
- تهيئة المشروع
2. الخلفية الإدارية
إنشاء واجهة إدارة خلفية أساسية تعتمد على Element UI
إنشاء فئات
قائمة الفئة
تعديل التصنيف
حذف الفئة
فئة فرعية
واجهة CRUD العامة
إدارة المعدات
تحميل الصور (متعدد)
إدارة البطل
تحرير البطل (الارتباط، التحديد المتعدد، التحديد، المتعدد)
محرر المهارات
إدارة المادة
محرر النصوص الغنية (الريشة)
إدارة الإعلانات المنزلية
إدارة حساب المسؤول (bcrypt)
صفحة تسجيل الدخول
واجهة تسجيل الدخول (jwt، jsonwebtoken)
التحقق من تسجيل دخول الخادم
قيود توجيه العميل (قبل كل شيء، التعريف)
التحقق من تسجيل الدخول للملفات التي تم تحميلها (el-upload، الرؤوس)
3. موقع الجوال
- مفاهيم "نمط الأداة" وSASS (SCSS)
- إعادة ضبط النمط
- لون موقع الويب وتعريف الخط (الألوان والنص)
- تعريف نمط التخطيط المرن العالمي (المرن)
- تعريفات الهامش شائعة الاستخدام (الهامش، الحشو)
- إطار الصفحة الرئيسية والقائمة العلوية
- صورة دائرية في أعلى الصفحة الرئيسية (vue swiper)
- استخدم العفاريت
- استخدام أيقونات الخطوط (iconfont)
- مكون البطاقة (البطاقة)
- قائمة مكونات البطاقة (بطاقة القائمة، التنقل، الضرب)
- الصفحة الرئيسية الأخبار والمعلومات-إدخال البيانات (+إصلاح الأخطاء الخلفية)
- الصفحة الرئيسية الأخبار والمعلومات واجهة البيانات
- الصفحة الرئيسية الأخبار والمعلومات-واجهة العرض
- قائمة أبطال الصفحة الرئيسية - استخراج بيانات الموقع الرسمي
- الصفحة الرئيسية بطل القائمة - أدخل البيانات
- عرض واجهة قائمة بطل الصفحة الرئيسية
- صفحة تفاصيل الأخبار
- تفاصيل الأخبار صفحة مثالية
- صفحة تفاصيل البطل-1-إعداد الواجهة الأمامية
- صفحة تفاصيل البطل-2-التحرير الخلفي
- صفحة تفاصيل البطل -3-أعلى الواجهة الأمامية
- صفحة تفاصيل البطل-4-مثالية
4. الإصدار والنشر (سحابة علي بابا)
- تجميع لبيئة الإنتاج
- شراء اسم المجال والخادم
- حل اسم المجال
- تثبيت وتكوين Nginx
- تركيب وتكوين قاعدة بيانات MongoDB
- تثبيت git وتكوين مفتاح ssh
- يقوم Node.js بتثبيت وتكوين صورة Taobao
- اسحب الكود وقم بتثبيت PM2 وابدأ المشروع
- قم بتكوين الوكيل العكسي لـ Nginx
- ترحيل البيانات المحلية إلى الخادم (mongodump)
5. متقدم
- تمكين اتصال HTTPS الآمن مع شهادة SSL المجانية
- استخدم التخزين السحابي Alibaba Cloud OSS لتخزين الملفات التي تم تحميلها