vue admin box

vue-admin-box

الإنجليزية | 简体中文

ملخص

• نسخة التحديث
• بعد أكثر من ثلاثة أشهر من التكرار، تم إصدار الإصدار 1.0 رسميًا في 10 أغسطس 2021، مع أربعة قوالب أساسية مرفقة ليستخدمها الجميع
• تم تطوير هذا المشروع مفتوح المصدر من قبل الأفراد ولا يقيد أي استخدام تجاري أو بحث شخصي. الرجاء الضغط على النجمة لتشجيعي قبل استخدامه
• جميع الأنشطة غير القانونية والإباحية المتضمنة في هذا المشروع مفتوح المصدر لا علاقة لها بكود المصدر هذا. من فضلك لا تظهر نفسك
• مجموعة اتصالات QQ: 912804007، يتم طرح المشكلات في المجموعة ويمكن حلها في الوقت المناسب

معاينة

إذا لم تكن في الصين، فربما يتعين عليك تنزيل المشروع لإظهار العرض التوضيحي أو استخدام VPN لزيارة العرض التوضيحي عبر الإنترنت.

• الصين التجريبي
• العالم التجريبي
• عنوان جيثب
• عنوان جيتي
• يوصى باستخدام الغزل أو cnpm للتثبيت في الصين. تثبيت NPM عرضة للمشاكل

القالب الأساسي

هناك أربعة قوالب أساسية مناسبة للتطوير والاستخدام الصفري، ويمكن العثور عليها في github、gitee View مباشرة في المستودع، يظهر القالب أدناه:

1. قالب template-ts-i18n، حاوية ts والتدويل، عرض github gitee
2. قالب قالب ts، حاوية ts، التدويل ليس حاوية github gitee التجريبي
3. قالب template-js-i18n، حاوية JS والتدويل، عرض github gitee
4. قالب template-js، حاوية js، التدويل ليس حاوية جيثب gitee تجريبي

مقدمة

vue-admin-box هو قالب نظام إدارة الخلفية مجاني ومفتوح المصدر. أحدث vue-next، vite، element-plus المستخدم في هذا المشروع. والغرض من ذلك هو حل التكوين المعقد لنظام الخلفية في الأعمال العامة.

وظيفة مميزة

• تكوين التوجيه، وآلية إدارة الحالة (تدعم الحالة التخزين المحلي بشكل افتراضي)، وآلية إدارة Axios وAPI مغلفة ومثالية مناسبة للتطوير الأوسط والخلفية
• من السهل جدًا توسيع وظيفة تكوين السمة، ويدعم ثلاثة أنماط نموذجية للوسط والخلفية بشكل افتراضي
• تكوين التوجيه، وآلية إدارة الحالة (تدعم الحالة التخزين المحلي بشكل افتراضي)، وآلية إدارة Axios وAPI مغلفة ومثالية مناسبة للتطوير الأوسط والخلفية
• بالنسبة لجداول الأعمال الثلاثة النموذجية لإضافة الاستعلام وحذفه وتعديله، يرجى الاطلاع على "جدول CRUD" و"جدول الفئات" و"جدول الشجرة" في "عمود الصفحة" للحصول على التفاصيل
• تدعم وظيفة التحديث بدون الانتقال السريع إلى تحديث صفحة ذاكرة التخزين المؤقت. في الوقت الحالي، لا تدعم معظم أطر العمل تحديث صفحة ذاكرة التخزين المؤقت
• إنه حل تدويل مناسب وقابل للتوسيع، ويوفر مجموعتين من القوالب الأساسية غير الدولية ومجموعتين من القوالب الأساسية الدولية (إصدار TS / إصدار JS)
• إصدارات مكتوبة بخط اليد من تعليمات مخصصة مختلفة
• بالنسبة للمكونات المشتركة للجدول والمكونات المشتركة المنبثقة التي تم التحقق منها بواسطة العديد من الشركات المتوسطة والخلفية، يرجى الاطلاع على "الجدول الأولي" و"جدول الفئات" و"الجدول الشجري" في "عمود الصفحة" للحصول على التفاصيل

التكنولوجيا الرئيسية

• إطار MVVM: vue v3
• الإدارة الهندسية: فيت v2
• إطار واجهة المستخدم: Element-plus
• إدارة جهاز التوجيه: vue-router v4
• إدارة الحالة: vuex v4
• طلب البيانات:axios
• مكتبة المرافق: @vueuse/core

كيفية الاستخدام

1. الحصول على مشروع التعليمات البرمجية المصدر

    git clone https://github.com/cmdparkour/vue-admin-box.git
   

2. تثبيت الاعتماد، يمكنك استخدام cnpm أو الغزل في الصين

    npm install
   

3. تشغيل في التنمية

    npm run dev 或 npm run start
   

4. بناء في الإنتاج

    npm run build
   

مشروع شريك

• Thinker-Admin-Box - Springboot مع vue-admin-box، استخدم كود Java لإنشاء صفحة vue
• H5-dooring - مشروع ذو كود منخفض حول موقع الويب للجوال
• ant-simple-pro - موقع ويب متوسط ​​يعتمد على Vue3.0 وReact وangular
• vue-vben-admin - مسؤول vue حديث. لأنه يقوم على Vue3، vite وTypeScript. إنه سريع!

معاينة