miitvip vue admin manager

Makeit Admin Pro 3.x

إطار عمل القالب المركب خارج الصندوق لأنظمة الإدارة المتوسطة والخلفية المبنية على أساس Vue3.x

(حل واجهة المستخدم خارج الصندوق لتطبيقات المؤسسة المدمجة على Vue3.x)

يلاحظ

تتم إعادة تسمية الإصدار 3.x من حزمة npm إلى @miitvip/admin-pro

إصدار 2.x من حزمة npm makeit-admin-pro هنا

3.x الإصدار تجربة عنوان " https://admin.makeit.vip "

2.x الإصدار تجربة عنوان " https://2x.makeit.vip "

عن

Makeit Admin Pro هو UI 框架مناسب لمشاريع الإدارة المتوسطة والخلفية التي تم إنشاؤها وتطويرها على أساس Vue 3.x + Vite 5.x + Ant Design Vue 4.x

؟ يحتوي الإطار على وحدات مشتركة مدمجة مثل تخطيط الصفحة/صفحة التسجيل/صفحة تسجيل الدخول/نسيت كلمة المرور/رمز التحقق من شريط التمرير/البحث عن مكون Lenovo/تكوين القائمة الديناميكية/إدارة الإذن ، وما إلى ذلك ، والتي تتوفر خارج المربع .

؟ تتمثل القصد الأصلي لتصميم هذا الإطار في تجنب بناء الصفحات الأساسية والمكررة في مشروع إدارة الواجهة المتوسطة والخلفية ، ولتغلف سلسلة من السلوكيات في الصفحة إلى مكونات ثقيلة ( مكون واحد - صفحة واحدة ) ، مثل Layout التخطيط الأساسي ، وتسجيل Login / Register / نسيان كلمة المرور ، Forget الوحدات الأخرى ، بحيث يمكن للمطورين أن يركزوا أكثر على تطوير الأعمال التجارية بشكل أساسي. آمل أن أقدم بناءًا سريعًا وفعالًا لتطبيقات الواجهة المتوسطة والخلفية عالية الجودة من خلال مكونات Makeit Admin Pro . لا يزال يتم تحسينه في هذه المرحلة ويتطور باستمرار وتحديثه ...

رسم تخطيطي للتكاثر

موضوع مظلم

موضوع الضوء

تغيير الموضوع

قائمة التجميع

تأثير الهاتف المحمول

التطبيق العالمي

التكوين theme ( css modules + css variables )

✅Internationalization ( vue-i18n )

✅ ملفات تعريف الارتباط ( document.cookie )

✅ التخزين ( localStorage & sessionStorage )

✅ طلب ( axios )

✅ عالمي (التكوين global configuration )

✅ الأدوات (وظائف المكتبة global functions )

المكونات الأساسية

✅ تخطيط basic ( Layout )؟

رمز التحقق من slider ( Captcha )؟

✅anchor رابط ( Anchor )؟

الساعة Clock

القائمة ✅dropdown ( Dropdown )؟

✅ ✅ inlink address ( Link )؟

لوحة ألوان لوحة ( Palette )

✅ تسجيل الدخول إلى تسجيل الدخول ( Socialite )؟

التنقل في القائمة ( Menu )

✅ تأثير الرسوم المتحركة للنافذة الشهيرة ( Modal )؟

✅message مركز ( Notice )؟

✅ إعدادات الكلمات ( Password )؟

مكونات البحث ( Search )؟

✅ رمز تمييز ( Code )؟

✅title إعدادات ( Title )؟

uquotes ( Quotes ) #⃣⃣

✅backtop Backtop

✅history التوجيه ( History )؟

✅Image تحميل ( ItemsImage )؟

مكونات التنضيد

✅copywriting ( ItemsText )؟

تخطيط picture ( ItemsImage )

مكونات الوصي

page ✅login ( Login )؟

page التسجيل ( Register )؟

✅ forgot كلمة المرور ( Forget )؟

التطبيقات المتقدمة

✅ تكوين اللغة ( AppsLanguage ) ❄

✅ Mener Management (التوجيه الديناميكي) ( AppsMenu )

التحكم في الإذن؟

إدارة التطبيق؟

محرر نص غني؟

الاختيار الإقليمي؟

صفحة الاستثناء ( 404 )؟

المركز الشخصي؟

·····

تثبيت واستخدام

npm i @miitvip/admin-pro

مقدمة عالمية

 import { createApp } from 'vue'
import MakeitAdminPro from '@miitvip/admin-pro'
import App from './app.vue'

const app = createApp ( App )
app . use ( MakeitAdminPro )
app . mount ( '#app' ) 

تحميل عند الطلب

 import { createApp } from 'vue'
import router from './router'
import App from './app.vue'
import { Layout , Notice } from '@miitvip/admin-pro'

const app = createApp ( App )
app . use ( router )
const components = [ Layout , Notice ]
components . forEach ( ( component ) => app . use ( component ) )
app . mount ( '#app' ) 

التصميم الأساسي

 < template >
    < mi-layout />
</ template >

< script lang =" ts " setup >
    import { useStoreMenu } from '@miitvip/admin-pro'

    // 更新菜单
    const menuStore = useStoreMenu ( )
    menuStore . updateMenus ( [
        {
            name : 'dashboard' ,
            path : '/dashboard' ,
            meta : {
                title : '控制中心' ,
                subTitle : 'Dashboard' ,
                icon : DashboardOutlined ,
                tag : { color : '#f50' , content : 'Hot' }
            }
        } , {
            // ... sider menus
        }
    ] )
</ script > 

صفحة تسجيل الدخول

< template >
    < mi-login action = " /v1/login " />
</ template >

صفحة التسجيل

< template >
    < mi-register action = " /v1/register " />
</ template >

المزيد من التطبيقات

لمزيد من المحتوى والاستخدام ، يرجى التحقق من مثال عبر الإنترنت: https://admin.makeit.vip