vue shop

تقوم شركة Vue Family Bucket بتطوير نظام إدارة التجارة الإلكترونية

عنوان الخبرة عبر الإنترنت | وثيقة ملخص المشروع | وثيقة واجهة API الخلفية

️ أثناء التجربة، يرجى محاولة عدم حذف البيانات حسب الرغبة. شكرًا لك على تعاونك.

؟ مقدمة

مر هذا المشروع بدراستين، المرة الأولى كانت لتعلم Vue، والمرة الثانية كانت لتوحيد المعرفة وتطبيقها بمهارة، واستخراج النقاط الفنية للمشروع، وإعادة تعلم النقاط الفنية التي لم أفهمها من قبل، و تجميع وثيقة جديدة. ثانيا، من الطبيعي أن تكون الطلبات بطيئة.

؟أولاً:

إنها إجازة شتوية أخرى قالها أحد الطلاب المتفوقين ذات مرة:寒假是用来反超的！ ، لذا تعال وتعلم Vue معي في هذه العطلة الشتوية وسأدمج كل ما قمت به في هذا الدليل لأمنح نفسي سجلاً تعليميًا وأسهل على القراء التحقق منه. تم الانتهاء من مشروعي فعليًا في 24 يناير، والذي صادف ليلة رأس السنة الجديدة، حيث كنت أقوم بالتسجيل والعمل على المشروع في نفس الوقت. لاحقًا وجدت أن عدد الزيارات إلى العمود الخاص بي قد وصل إلى 50000، ولا يزال هذا الرقم إلى حد ما مشهور بعد ثلاثة أيام من الراحة، أخطط لتقديم ملخص الليلة لنشهد نمو مبتدئ لا يعرف ما هو Vue وكيفية التطور بسرعة ~

Vue❤ بوابة عمود التعلم

?المرة الثانية:

هذه هي المرة الثانية التي يتم فيها تطوير وتنفيذ هذا المشروع. أخيرًا، تم تحديث هذا المشروع عبر الإنترنت. يمكنك تشغيل المشروع مباشرة من خلال طرق الاستخدام البسيطة التالية. إذا كنت تعتقد أنه جيد، يرجى دعمه بإعطائه star شكرًا ♪(･ω･)ﾉ

سهل الاستخدام

1. مستودع star المشروع ^ o ^
2. fork نسخة من رمز المستودع هذا
3. git clone -b master [email protected]:Chocolate1999/vue-shop.git نسخ كود المصدر
4. قم بتنفيذ npm install لتثبيت التبعيات
5. يفتح npm run serve الخدمة المحلية

نظرة عامة على المشروع

2.1 نظرة عامة على الأعمال الأساسية لمشاريع التجارة الإلكترونية

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

2.2 وظائف نظام إدارة الواجهة الخلفية للتجارة الإلكترونية

يتم استخدام نظام إدارة الواجهة الخلفية للتجارة الإلكترونية لإدارة حسابات المستخدمين وفئات المنتجات ومعلومات المنتج والطلبات وإحصائيات البيانات ووظائف الأعمال الأخرى

2.3 نموذج تطوير نظام إدارة الواجهة الخلفية للتجارة الإلكترونية (فصل الواجهة الأمامية والخلفية)

يعتمد نظام إدارة الواجهة الخلفية للتجارة الإلكترونية ككل نموذج تطوير مع فصل الواجهة الأمامية والخلفية. مشروع الواجهة الأمامية هو مشروع SPA يعتمد على مكدس تقنية Vue.

2.4 الاختيار الفني لنظام إدارة الواجهة الخلفية للتجارة الإلكترونية

① حزمة تكنولوجيا مشروع الواجهة الأمامية:

• فيو
• جهاز التوجيه
• عنصر واجهة المستخدم
• أكسيوس
• الرسوم البيانية

② المشروع الخلفي

• Node.js
• يعبر
• wxya
• ماي اس كيو ال
• تسلسل

?فصل البداية السريعة

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

1. 2020 Zero Basic Vue البدء السريع أساسيات Vue [التفاصيل]
2. 2020 البدء السريع لـ Vue القائم على الصفر، تعليمات Vue للتطبيق المحلي [التجميع]
3. 2020 Zero-Based Vue Quick Start لتعليمك كيفية تطوير المفكرة (تحفيز متعة البرمجة) [المؤسسة + كود المصدر]
4. 2020 يستخدم Vue Quick Start Vue2.0 وظيفة السهم في بناء جملة ES6 => فهم هذا النطاق [التجميع]
5. طريقة البدء السريع Vue المستندة إلى الصفر لعام 2020 لإدخال ملفات CSS وJS الخارجية في مشروع Vue [تجميع]
6. 2020 تطبيق شبكة البدء السريع Vue القائم على الصفر axios+Vue [تجميع]
7. 2020 التدريس السريع لـ Vue القائم على الصفر لتطوير صفحات ويب للاستعلام عن الطقس — الله أعلم (لإلهام متعة البرمجة) [التجميع + كود المصدر]
8. تدريس تطبيق Vue الشامل القائم على الصفر لعام 2020 لتطوير مشغل الموسيقى - Yueting (إلهام متعة البرمجة) [التجميع + كود المصدر]

تطوير نظام إدارة التجارة الإلكترونية (الموسوعة)

1. نظرة عامة لعام 2020 على مشروع نظام إدارة التجارة الإلكترونية (Element-UI) من شركة Vue Family Bucket Development من الأساسيات الصفرية إلى التطوير السريع
2. 2020 تهيئة مشروع نظام إدارة التجارة الإلكترونية (Element-UI) لتطوير Vue Family Bucket من الأساسيات الصفرية إلى التطوير السريع
3. 2020 أساس صفر للتطور السريع لمشروع استضافة رمز الاستخدام السحابي لنظام إدارة التجارة الإلكترونية لتطوير دلو عائلة Vue (Element-UI)
4. 2020 يعتمد على الصفر للتطور السريع لتكوين نظام إدارة التجارة الإلكترونية (Element-UI) لتطوير مجموعة Vue، MySQL
5. 2020 يعتمد على الصفر للتطور السريع لنظام إدارة التجارة الإلكترونية لتطوير Vue Family Bucket (Element-UI) وتنفيذ وظيفة الخروج
6. 2020 أساس صفر للتطور السريع تطوير دلو عائلة Vue نظام إدارة التجارة الإلكترونية (Element-UI) تطوير تخطيط الصفحة الرئيسية
7. 2020 الأساس الصفري للتطور السريع تطوير دلو عائلة Vue نظام إدارة التجارة الإلكترونية (Element-UI) تطوير قائمة المستخدمين
8. 2020 من الصفر إلى التطوير السريع لنظام إدارة التجارة الإلكترونية لتطوير دلو عائلة Vue (Element-UI) [إضافة مستخدم]
9. 2020 من الصفر إلى التطوير السريع لنظام إدارة التجارة الإلكترونية لتطوير دلو عائلة Vue (Element-UI) [تعديل المستخدم]
10. 2020 من الصفر إلى التطور السريع لنظام إدارة التجارة الإلكترونية لتطوير دلو عائلة Vue (Element-UI) [حذف المستخدم]
11. 2020 من الصفر إلى التطوير السريع لنظام إدارة التجارة الإلكترونية لتطوير دلو عائلة Vue (Element-UI) [قائمة الأذونات]
12. 2020 من الصفر إلى التطور السريع، نظام إدارة التجارة الإلكترونية لتطوير دلو عائلة Vue (Element-UI) [قائمة الأدوار]
13. 2020 من الصفر إلى التطوير السريع لنظام إدارة التجارة الإلكترونية لتطوير دلو عائلة Vue (Element-UI) [تعيين الأذونات]
14. 2020 من الصفر إلى التطوير السريع لنظام إدارة التجارة الإلكترونية لتطوير دلو عائلة Vue (Element-UI) [تعيين الأدوار]
15. 2020 من الصفر إلى التطور السريع لنظام إدارة التجارة الإلكترونية لتطوير مجموعة Vue (Element-UI) لتصنيف المنتجات
16. 2020 من الصفر إلى التطور السريع لمعلمات تصنيف نظام إدارة التجارة الإلكترونية (Element-UI) لتطوير دلو عائلة Vue
17. 2020 من الصفر إلى التطوير السريع لقائمة منتجات نظام إدارة التجارة الإلكترونية (Element-UI) لتطوير دلو عائلة Vue
18. 2020 من الصفر إلى التطوير السريع لنظام إدارة التجارة الإلكترونية لتطوير Vue Family Bucket (Element-UI) لإدارة الطلبات
19. إحصاءات البيانات لعام 2020 لنظام إدارة التجارة الإلكترونية Vue Family Bucket Development (Element-UI) من الأساسيات الصفرية إلى التطوير السريع
20. 2020 التطوير القائم على Vue صفر استنادًا إلى تحسين مشروع Element-UI (الكامل) ونشره عبر الإنترنت (npm، استنادًا إلى vue ui) الجزء 1
21. تطوير Vue صفري لعام 2020 يعتمد على تحسين مشروع Element-UI (الكامل) ونشره عبر الإنترنت (npm، استنادًا إلى vue ui) المقالة التالية

✔️ عرض لقطة شاشة لجزء من المشروع

✏️ الخلاصة

التعلم مثل الإبحار ضد التيار، إذا لم تتقدم فسوف تتراجع.

التواصل السحري

• التواصل هو النقل، التواصل هو التبادل
• التواصل هو المشاركة التواصل هو الحكمة
• التواصل هو الصداقة. التواصل هو القوة

" معرفة الذات وتجاوز الذات " هي أعلى حالات التواصل

• عندما تشعر أن لديك المزيد والمزيد من الأشخاص والأشياء لتتعلمها خلال المشروع، فهذا يعني أنك تنمو .
• عندما تشعر أن هناك عددًا أقل من الأشخاص والأشياء التي يجب إلقاء اللوم عليها، فهذا يعني أنك تنضج .
• عندما تستمر في اكتساب الصداقات والأصدقاء في المشروع فهذا يعني أنك ستحقق نجاح المشروع.

ما يمكن أن يتذكره الناس يتبع القواعد التالية:

• 5% مما تسمعه
• 10% مما تقرأه
• تمت رؤية 30% من المحتوى
• تمت مناقشة 50% من المحتوى
• 75% من المحتوى تم إنجازه شخصيًا
• علم 90% مما فعله الآخرون

لذلك، أعتقد أنه سيكون من المفيد أن أفتح المصدر للمعرفة التي تعلمتها. بعد قراءة هذه المقالة، ستتعلم الاستخدام الأساسي لـ Vue، وسوف تستفيد أيضًا من هذه الوثيقة لقد استفدت كثيرًا أثناء فرز المعرفة، وكانت لدي أيضًا ذاكرة عميقة حول هذا الأمر. أليس هذا وضعًا مربحًا للجانبين؟ لذا، أسرع ومنح هذا المستودع نجمة، البوابة: ملاحظات الدراسة الخاصة بـ Little Lion Front End. من فضلك أعط المدون كوبًا من الآيس كريم، اضحك ~

لمزيد من التفاصيل، يوصى بشدة بقراءة ما كتبته: [وثيقة ملخص المشروع] مشروع نظام إدارة التجارة الإلكترونية لتطوير دلو العائلة Vue

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

أخيرًا، إذا كانت المشاريع والبرامج التعليمية مفيدة لك أو أعجبتك بعد رؤيتها، فيرجى إعطائي نجمة شكرًا لك.

؟رخصة

معهد ماساتشوستس للتكنولوجيا