muteki

موتيكي

• مقدمة موجزة
  • VUE3.0 قال قالب إدارة الخلفي على أساس Springboot و Vue ، والذي يمكن تطويره بسرعة إلى الواجهة الأمامية لتوفير واجهات (API Restfull)
  • رمز من خلال 90 ٪ من رمز رمز Alibaba المسح و FindBugs
  • يدعم الويب تسجيل الدخول متعدد الطرفي ، والذي يمكنه إجراء صيانة منفصلة للمحطة
  • إدارة المستخدم ، إدارة الأدوار ، إدارة القسم ، إدارة السلطة ، إدارة القائمة ، إدارة السجل ، إلخ.
  • هناك إصدار VUE3 ANT-DESIGN-VUE و VUE2 إصدار عنصر
  • المشروع مفتوح المصدر بالكامل
  • تألق!

وثائق التنمية

• يتم تحديث المستند بشكل مستمر. جوهر جوهر

عنوان المشروع الأصلي

يلوي

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

متطلبات التثبيت ، الخطوات

• تثبيت بيئة Java ، JDK1.8
• 安装mysql 8 ，创建数据库( utf8mb4 , utf8mb4_general_ci )导入sql(doc目录下)
• تثبيت redis والتنزيل والتثبيت
• تتطلب أداة التطوير تركيب Lombok Plug -in (فكرة توصية أداة التطوير)
• --- العملية الخلفية (إذا كانت هناك مشكلة ، فإن تكوين مصدر البيانات في ملف تكوين YML خاطئ)
• بيئة عقدة التثبيت والتكوين
• تثبيت Vue-Cli ، أدخل دليل Vue لتنفيذ npm install
• --- Run npm run serve ( WebStorm أو Idea يمكن النقر مباشرة على ملف Package.json رقم 6 المثلث الأخضر الأيسر على اليسار)

عنوان العرض التوضيحي

• عنوان العرض التوضيحي عبر الإنترنت
  إصدار ANT-Design-Vue ، Vue3.0 ، ant-design-vue2.0.0
  إصدار العنصر ، vue2.5

  حساب	كلمة المرور
  Superadmin	111111
  مسؤل	111111
  admin1	111111

  • نصيحة: قد يتأثر العديد من المستخدمين في نفس الوقت ، ويمكن للمسؤول Superadmin Super رؤية جميع الصفحات
  • نصيحة: حظر بيئة العرض التوضيحي العمليات المضافة والمعدلة جزئيًا
  • نصيحة: إذا كانت هناك تشوهات أخرى ، فيرجى تحديث الصفحة (ربما تكون مشكلة ذاكرة التخزين المؤقت) ، إذا لم يكن الأمر كذلك ، يرجى ذكرها

• وثيقة الواجهة

  • Swagger-bootstrap
  • نصائح: الرجاء إضافة/muteki يدويًا أمام الطلب ؛

نشر

• قم بتشغيل أمر mvn clean package لتعبئته في دليل Springboot.
  • دليل التكوين هو ملف التكوين المخزن
  • دليل LIB هو حزمة جرة تعتمد على Maven
  • يقوم الدليل الثابت بتخزين الملفات الثابتة
  • يتم إنشاء ملفات JAR بواسطة حزم JAR (إذا اعتماد POM في المستقبل ، يمكنك فقط استبدال حزمة JAR)
• قم بتشغيل الأمر npm run build لتعبئته في دليل VUE.
  • التكوين المعبأ في ملفات .env وملفات vue.config.js
• يجب تكوين خادم النشر باستخدام JDK1.8 ، MySQL 8 ، Redis Environment
• تدير Jar Pack nohup java -jar springboot.jar & ويمكن تشغيلها في الخلفية وإخراج السجل في الدليل الحالي
• ينصح خادم النشر بتكوين NGINX .

خطأ شائع

• java.lang.RuntimeException: Cannot resolve classpath entry: E:maven-repositorymysqlmysql-connector-java8.0.15mysql-connector-java-8.0.15.jar
  • خطأ: وفقًا لقاعدة البيانات ، يتم إنشاء الفئة الفعلية
  • الحل: الموارد/التكوين/المولد config.xml رقم 6 رنين جرة التعبئة إلى مسار حقيبة الجرة الخاصة به

نهاية الطريق:

Springboot ، mybatis ، redis

1. مقدمة موجزة
   • مشروع بناء على قالب سبرينج بوت
2. التكوين الأساسي
   • يمكن لملفات .IML تكوين المعلومات ذات الصلة
   • في دليل التكوين ، إنه تكوين وحدة شائعة
   • تم تجهيز المرشح مع المتقاطع ، وتصفية المعلمة ، إلخ.
     • يزيل طلب مرشح المعلمة تلقائيًا المساحات الأمامية والخلفية ، وعلامة HTML لتصفية JSOUP (يمكن تخصيص مستوى تصفية التكوين)
3. إدارة السلطة
   • مع الواجهة مع @AuthToken التعليق التوضيحي ، يجب أن يكون لرأس الطلب رمز للوصول
   • مع توجيه التقديم الديناميكي للصفحة ، وزر العرض المخفي: يتم حفظ الزر في this.$globalFun.getSessionStorage('buttonMap')
   • لدقة أذونات مستوى الواجهة ، يجب تحسين واجهة برمجة التطبيقات المقابلة المقابلة للقائمة أو الزر المقابل في إدارة الوظائف ، وإلا
4. استخدم Curd لتعبئة مصنع التعبئة والتغليف ، وريث قواعد الأسس
   • سيقوم baseInsert() و baseUpdate() بتصفية الحقل تلقائيًا باستخدام NULL
5. قم بإنشاء الفئة الفعلية تلقائيًا وفقًا لقاعدة البيانات
   • تشغيل org.mybatis.gienerator.plugin.mybat itestst.main () طريقة
   • موارد التكوين المحددة/التكوين/المولد config.xml
6. يتم تخزين السجل بواسطة السماء ، والتكوين المحدد في الموارد/التكوين/التسجيل-spring.xml
7. قم بإنشاء مستند قاعدة بيانات تلقائيًا وفقًا لقاعدة البيانات
   • تشغيل organcrew.screwtest.testscrew () طريقة

الواجهة الأمامية:

Vue:

1. مقدمة موجزة

   • المشاريع التي تم إنشاؤها على أساس Vue CLI
   • واجهة واجهة المستخدم: element-ui
   • طلب الشبكة: Axios
     • طريقة الاتصال العالمية this.$axios({ url: '', data: {}, success(data) {} });
       • عنوان URL: العنوان بعد اسم المجال مطلوب
       • النجاح: تحتاج فقط إلى التعامل مع الكود إلى 200
   • المتغيرات والأساليب العالمية موجودة في دليل/src/utils
   • element-ui style in /src/assets/sass/element-dariables.scss file
   • معظم المشاريع لديها تعليقات

2. التكوين الأساسي

   • مع النهاية الخلفية لتحقيق التوجيه الديناميكي: ملء مسار مسار نموذج إدارة الوظائف ، فإن مسار الجذر الافتراضي هو /src/views/main/*/*/index.vue/
   • .env.prducction/development file و vue.config.js تم تكوين ملفات

3. المكونات الشائعة من العبوة

   • مربع الحوار: مربع pop -up
     • التفاصيل: العنوان+بيانات عرض المحتوى
     • النموذج: تقديم النموذج ، يحتاج @submit فقط إلى معالجة الموقف بعد التحقق من النموذج
     • الفهرس: مربع البوب ​​العادي
   • الجدول: الجدول
     • مثال الإرجاع المقبول بواسطة الجدول: {"list":[],"pageNum":1,"pageSize":10}
     • طلب بيانات الجدول tableDataRequest: { url: '', data: {} }
       • عنوان URL: عنوان الطلب
       • البيانات: معلمات إضافية ، مع البحث العلوي والاستخدام
     • Table Display tableColumns: [ {prop: 'username', label: '用户名',formatter(){ return ''; }} ]
       • Formatter: عرض معقد ، يمكنك إرجاع DOM

اِمتِنان

بادئ ذي بدء ، بفضل المشاريع الممتازة المصدر المفتوح مثل Springboot و Vue و Element-UI ، إلخ. يشير المشروع إلى العديد من الأمثلة على الإنترنت.