system template
1.0.0
تم تطوير قالب نظام إدارة الواجهة الخلفية استنادًا إلى SpringBoot + Vue
كما هو موضح في إطار عمل Zoey، كنت أرغب دائمًا في تطوير قالب نظام إدارة خلفي خاص بي، لكنني لم أتعرض أبدًا لنظام يفصل بين الواجهة الأمامية والخلفية في البداية عند تطوير الواجهة الأمامية. في النهاية، لقد غمرني العرض الديناميكي للأنماط والقوائم المختلفة، وقد عذبني Spring Security تمامًا أثناء تطوير الواجهة الخلفية. خلال هذه الفترة، فكرت في استخدام مجموعة من الأطر الممتازة مفتوحة المصدر مرات لا تحصى، ولكن بمثل هذا التهور عقلية التعلم، وكانت النتيجة النهائية هي أنني تم قمعي مرة أخرى من خلال العديد من الأطر مفتوحة المصدر الممتازة التي فركتها على الأرض ...
بعد التعلم من هذه التجربة، أدركت بعمق أنه يجب علي أن أهدأ وأن أتعلم التكنولوجيا بطريقة عملية. أخيرًا، بعد فترة من الوقت، قمت بحل المشكلات السابقة واحدة تلو الأخرى وفهمت بنجاح بعض أطر العمل الممتازة مفتوحة المصدر، وأصبحت رغبتي الداخلية في تطوير مجموعة من قوالب نظام إدارة الخلفية أقوى وأقوى أخيرًا، قمت أخيرًا بتطوير مجموعتي الخاصة من قوالب نظام إدارة الواجهة الخلفية.
بعد اكتمال التطوير، أدركت بعمق أنه لم يكن كافيًا إكمال التطوير وتنفيذ الوظائف الأساسية المقابلة، كما أن تعامل النظام مع المواقف المختلفة عند مواجهة التزامن العالي والوصول متعدد المستخدمين جعلني أفهم أنني خرجت للتو. الخطوة الأولى للمسيرة الطويلة. سأستمر في التحسين والتكرار في المستقبل، نجمكم هو حافزي❤️
عنوان جيثب: https://github.com/Architect-Java/system-template
عنوان جيتي: https://gitee.com/dream-flight/system--template
حساب المسؤول: كلمة المرور المشرف: 123456
حساب الاختبار: اختبار كلمة المرور: 1234567
يقع مشروع الواجهة الأمامية في دليل system-vue
يقع مشروع الواجهة الخلفية في دليل system-springboot
ملف SQL هو ملف system-mysql8.sql الموجود في الدليل الجذر، والذي يتطلب MySQL8 وما فوق.
مشروع الواجهة الأمامية:
system-vue
├── public
├── api -- api请求接口目录
├── assets -- 静态资源
├── components -- 全局组件
├── constant -- 全局常量
├── filter -- 过滤器
├── icons -- svg图标
├── layout -- 布局目录
├── router -- 路由
├── store -- 全局缓存
├── styles -- scss样式目录
├── utils -- 工具目录
├── views -- 页面视图
├── App.vue -- App.vue
├── main.js -- main.js
└── permission.js -- 路由导航守卫 مشروع الواجهة الخلفية
system-springboot
├── annotation -- 自定义注解
├── aspect -- aop切面
├── config -- 配置模块
├── constant -- 静态常量模块
├── controller -- 控制器模块
├── dto -- dto模块
├── entity -- 实体类模块
├── enums -- 枚举模块
├── filters -- 过滤器模块
├── generator -- 逆向工程模块
├── handler -- 处理器模块（自定义JWT权限过滤器）
├── mapper -- 数据持久化模块
├── service -- 业务处理模块
├── util -- 工具类模块
└── vo -- vo模块 بعد سحب المشروع إلى المنطقة المحلية، ما عليك سوى تشغيل ملف system-mysql8.sql مباشرة في قاعدة البيانات وسيتم إنشاء قاعدة البيانات تلقائيًا وسيتم استيراد البيانات. فأنت بحاجة إلى تعديل معلومات المعلمة المقابلة في فئة تكوين المشروع. ثم قم بتنفيذ طريقة npm install في مشروع الواجهة الأمامية لتنزيل التبعيات المقابلة لمشروع الواجهة الأمامية ويمكن بدء المشروع بنجاح.
بعد بدء المشروع بنجاح، أدخل حساب المسؤول: admin وكلمة المرور: 123456 لتسجيل الدخول والدخول إلى النظام.
عنوان مستند الواجهة المحلية: http://localhost:8090/doc.html
تشغيل منشئ الأكواد: عند استخدام منشئ الأكواد Mybatis-Plus ، تحتاج أولاً إلى تعديل معلمات اتصال قاعدة البيانات واسم مستخدم قاعدة البيانات وكلمة المرور في ملف CodeGentrator في الدليل /src/main/java/com/zrkizzy/template/generator وفقًا لذلك. ويمكن تشغيله بنجاح بعد ذلك
ملاحظة: ابدأ مشروع الواجهة الخلفية أولاً، ثم مشروع الواجهة الأمامية، ويتم تحميل العديد من البيانات والتكوينات الخاصة بمشروع الواجهة الأمامية ديناميكيًا بواسطة الواجهة الخلفية.
الواجهة الأمامية: vue + vuex + vue-router + axios + element-ui + sass + vue-cropper + dayjs + nprogress
الواجهة الخلفية: SpringBoot + SpringSecurity + JWT + Swagger2 + MyBatisPlus + MySQL + Redis + Freemarker + FastJson + Kaptcha
| أدوات التطوير | الدور الوظيفي |
|---|---|
| فكرة | أدوات تطوير جافا |
| نافيكات | أداة اتصال MySQL |
| VSCode | أدوات تطوير فيو |
| ميديس | أداة اتصال Redis |
| بيئة التطوير | إصدار |
|---|---|
| JDK | 1.8 |
| ماي إس كيو إل | 8.0.13 |
| فيو | 2.6.11 |
| ريديس | 6.0.5 |
أتذكر دائمًا أن أول مشروع ويب مطور بالكامل قمت بتطويره كان عبارة عن نظام لإدارة الجوائز والتميز تم تطويره للمدرسة في سنتي الثانية، وما زلت أتذكر أن موقع Layui الرسمي لم يكن غير متصل بالإنترنت بعد، وأن jQuery لا يزال يحتل السماء. بالنسبة للمبتدئين، فإن قالب نظام إدارة الواجهة الخلفية سهل الاستخدام نسبيًا، بعد دمج منشئ أكواد Mybatis-Plus، يتم تقليل صعوبة التطوير بشكل أكبر، وهو مناسب للمبتدئين لتعلم التطوير والتكاثر التنفيذ اليدوي لأسلوب الواجهة الأمامية والبناء. أعتذر عن أي قصور في المشروع، إذا كان لديك أي أسئلة أو اقتراحات، فنحن نرحب بمراسلتي على الخاص، ونرحب أيضًا بالانضمام إلى الدردشة الجماعية، ونشجع بعضنا البعض، ونناقش معًا، ونحرز تقدمًا معًا، ونشجع كلًا منا آخر!
