3YAdmin
1.0.0
الكود قبيح جدًا، لذا لا يُنصح بنسخه، يمكنك إلقاء نظرة على فكرة تنفيذ RBAC، وهي عالمية.
3YAdmin هو قالب نظام إدارة الخلفية الذي يركز على التحكم في الأذونات العامة والنماذج.
يدعم 3YAdmin وضعي تخطيط، وضع Tab والوضع العادي. يتم تحديد الوضعين عند تعبئة حزمة الويب وتجميعها. عند تعبئة وضع معين، لن يتم تقديم تعليمات برمجية زائدة في الوضع الآخر (من الصعب جدًا تنفيذ وضع Tab في React).
يقوم 3YAdmin بتنفيذ الصفحات والعمليات الوظيفية الأساسية لنموذج التحكم في أذونات RBAC.
يمكن لـ 3YAdmin إنشاء نماذج استعلام ونماذج ثابتة ونماذج ديناميكية عن طريق تحليل بيانات JSON المحددة.
من خلال الاقتران مع Lazy-mock، يمكنك إنشاء وظائف الإضافة والحذف والتعديل والاستعلام للواجهة الأمامية والخلفية بسرعة باستخدام بيانات وهمية (مولد أكواد بسيط).
العرض التوضيحي عبر الإنترنت:
وضع علامة التبويب
الوضع المشترك
حساب تسجيل الدخول:
admin 123 test 123456 website_admin 123456
دعم البيانات الخلفية الحقيقية
تسجيل الدخول / الخروج
تقليص شريط القائمة الأيسر
تخطيط سريع الاستجابة
تحميل عند الطلب
التنقل بالعلامة
فتات الخبز
ملء الشاشة/الخروج من ملء الشاشة
القائمة الديناميكية مقابل القائمة الثابتة
القوائم مقسمة حسب الوحدات
التحكم في الأذونات العالمية
التحكم في إذن مستوى القائمة
التحكم في إذن مستوى الواجهة
التحكم في الأذونات على مستوى العنصر
تأثيرات التحميل القابلة للتكوين عالميًا
معالجة استثناءات الشبكة
وحدة
إعدادات النظام
إدارة الأذونات
الهيكل التنظيمي
إدارة المستخدم
إدارة القائمة
إدارة الوظائف
إدارة الدور
إدارة إذن الدور
إدارة مستخدم الدور
إدارة دور المستخدم
إدارة القسم
إدارة الموقف
وحدة النظام
سجل التدقيق
تهيئة البيانات
مثال
نموذج البحث
نموذج مشترك (نموذج ثابت، بعد التحليل لأول مرة، لن يتغير النموذج بعد تغيير بيانات JSON)
نموذج ديناميكي (نموذج ديناميكي، يتم إعادة إنشاء النموذج بعد تغيير بيانات JSON)
صفحة اختبار الأذونات
صفحة الخطأ
نموذج JSON (إنشاء نموذج ديناميكيًا عن طريق تحليل بيانات JSON)
git clone https://github.com/wjkang/3YAdmin.git
npm installتثبيت خدمة وهمية في الخلفية
git clone -b 3YAdmin https://github.com/wjkang/quasar-admin-server.git
npm install
npm startnpm startnpm run buildقم بنسخ وتعديل التكوين الذي تم إنشاؤه بواسطة تطبيق تفاعل رد الفعل، وكلها موجودة في مجلد البرامج النصية التفاعلية حاليًا، ويتم استيراد antd عند الطلب، وتعبئته في أجزاء، ويتم استخدام AutoDllPlugin. يمكنك تعديله وفقا لاحتياجاتك الخاصة.
يتطلب تكوين وضع الحزم تعديلprocess.env.REACT_APP_LAYOUT_MODE في ملفات builds.js وstart.js.
لاحقًا، ستكون هناك دروس مفصلة حول الاستخدام وأفكار لتصميم البنية الأمامية لنظام إدارة الواجهة الخلفية مع فصل الواجهة الأمامية والخلفية (بما في ذلك vue وreact)، إذا أعجبك ذلك، يمكنك منحه نجمة.
