WarmSearch PC
1.0.0
منصة Campus Lost and Found المستندة إلى تطبيق Springboot+vue+uni-app، وهي تتضمن الجانب الرئيسي للكمبيوتر الشخصي من النظام الأساسي وبرنامج WeChat الصغير ومنصة إدارة البيانات الخلفية للويب.
Vue 2.0 + Vue-router + Vuex + Element-ui + Axiosيعتمد المشروع نموذج تطوير فصل الواجهة الأمامية والخلفية، ويستخدم جانب الكمبيوتر الشخصي: Vue + Element-ui، ويتم تطوير البرنامج الصغير باستخدام Uni-app، ويتم تطوير واجهة برمجة تطبيقات البيانات الخلفية باستخدام Java وSpring-. التمهيد.
عنوان رمز الكمبيوتر: https://github.com/lijinghailjh/WarmSearch-PC
عنوان رمز البرنامج المصغر: https://github.com/lijinghailjh/WarmSearch-uniapp
عنوان رمز الواجهة الخلفية: https://github.com/lijinghailjh/WarmSearch
عنوان رمز محطة إدارة الويب: https://github.com/lijinghailjh/WarmSearch-Web
وبما أن المشروع لا يزال قيد التحسين، فهو لم يتم نشره بعد؛
السبب الرئيسي هو أنني فقير ولا أستطيع شراء الخادم
فيديو توضيحي: فيديو توضيحي عبر الإنترنت
أنا حاليًا (8 مايو 2021) طالب جامعي في السنة الثانية، وأستعد لدراسة Java ذاتيًا منذ مايو من العام الماضي (2020)، من الأساسيات إلى أطر العمل. أستخدم وقت فراغي للبدء من JavaWeb إلى SSM. إلى SpringBoot ثم إلى الواجهة الأمامية Ht ml5 وCSS3 وJS وVue.js وأخيرًا Node.js بعد الانتهاء من الدراسة، بدأت في إنشاء موقع الويب المفقود والموجود في هذا الحرم الجامعي -مشروع الفصل بين النهاية والخلفية، أستخدم حاليًا وقت فراغي وأقوم بتحسين المشروع باستمرار. أنا جديد على هذا، لذا إذا ارتكبت أي أخطاء، آمل أن تقدموا لي بعض النصائح يا رفاق. سيتم تحديث الكود المصدري لكل جزء بشكل مستمر على Github.
يستخدم هذا المشروع تقنية الفصل بين الواجهة الأمامية والخلفية Springboot + vue + uniapp + Mysql
1. يتضمن هذا المشروع نظام الإدارة الخلفي WarmSearch-Web 2. نظام الواجهة الأمامية WarmSearch-PC 3. جزء برنامج WeChat الصغير WarmSearch-uniapp
إذا كنت تعتقد أن هذا المشروع جيد، فيمكنك دعمه
Starفي الزاوية اليمنى العليا. شكرًا جزيلاً لك! ! !
تم فصل الواجهة الأمامية والخلفية لهذا المشروع، تعتمد الواجهة الأمامية على Vue + Vue-router + Vuex + Element-ui + Axios ، ويتم تنفيذها بالرجوع إلى Hammer Mall. يتم تنفيذ الواجهة الخلفية بناءً على SpringBoot (إطار العمل) + JSON WEB TOKEN (آلية الرمز المميز) + MybatisPlus + Mysql.
العمارة الشاملة
يلتزم تصميم النظام بالفكرة العامة المتمثلة في "فصل الواجهة الأمامية والخلفية/SOA". تستخدم الواجهة الأمامية Vue/ElementUI كتقنية إطار العمل الرئيسية وNginx كخادم HTTP لتوفير خدمات الوصول إلى الصفحة الثابتة. وتستخدم الواجهة الخلفية تقنية إطار عمل Springboot السائد. بشكل أساسي، يتم استخدام قاعدة بيانات MySQL مفتوحة المصدر، وتستخدم الأطراف الأمامية والخلفية مواصفات مريحة لتبادل البيانات.
يعتمد النظام طريقة مصادقة رمز JWT لتقليل استهلاك تشغيل الخادم وتحسين قابلية التوسع وقابلية التوسع للنظام.
العمارة الشاملة
يعتمد التصميم العام على طريقة "الفصل بين الواجهة الأمامية والخلفية". عندما يطلب المتصفح صفحة أو موردًا ثابتًا، يستجيب خادم HTTP مباشرةً عندما يطلب المتصفح البيانات، ولا يزال الطلب يُرسل إلى خادم HTTP أولاً ويتم إعادة توجيهه إلى خادم تطبيق الويب عبر الخادم. بعد معالجة أعمال Web APP Server، يتم إرجاع البيانات الناتجة إلى خادم HTTP وإعادتها أخيرًا إلى المتصفح. في هذه العملية، يقوم خادم Web APP بإرجاع البيانات فقط (تنسيق json) دون أي معلومات متعلقة بالعرض (العرض)، مما يحقق الفصل الكامل بين الواجهة الأمامية والخلفية، وتكون الواجهة الأمامية مسؤولة عن الصفحات والعرض والجزء الخلفي -end هو المسؤول عن معالجة الأعمال والبيانات.
Vue + Vue-router + Vuex + Element-ui + Axiosبرنامج صغير محدث الإصدار v2.0 (2022 2 17)
هذا هو التحديث الثاني للبرنامج المصغر وسيستمر تحديثه في المستقبل.
عرض جزئي لصفحة الكائن الذي تم العثور عليه
3. نظام إدارة الواجهة الخلفية (WarmSearch-web)
عرض صفحة تسجيل الدخول
عرض الصفحة الرئيسية
عرض بعض الصفحات الوظيفية
خطط لاحقة
إذا كنت تعتقد أن مشروعي ليس سيئًا، فيمكنك أن تمنحني بعض الثناء، فأنا الآن طالب في السنة الثانية وأخطط لمواصلة تحسين هذا المشروع، لذا فإنني أخطط لشراء خادم مفتوح المصدر ليس بالأمر السهل، إذا كنت مثل مشروعي، هل يمكنك الاستثمار في صندوق الخادم الخاص بي، أنا طالب جامعي مكافح، شكرًا جزيلاً لك! ! ! !
إذا كان بإمكانك رؤية ذلك، فهذا يعني أنك بالتأكيد مهتم بمشروعي، فيرجى زيارة مدونتي، والتي سيتم تحديثها بمعلومات أكثر تفصيلاً حول مشروعي.
أو يمكنك أيضًا الاتصال بي عبر البريد الإلكتروني الموجود على صفحتي الرئيسية على Github [email protected]
هذا هو WeChat الخاص بي، إذا كنت بحاجة إلى أي شيء، يمكنك الاتصال بي ੭ ᐕ)੭*⁾⁾ ╰( ´︶` )╯ هذا هو عنوان بريدي الإلكتروني: [email protected] ونرحب بأي نصيحة.
