miitvip vue admin manager

Makeit Admin Pro 3.x

Kerangka kerja template kombinasi out-of-the-box untuk sistem manajemen pertengahan dan back-end yang dibangun berdasarkan Vue3.x

(Solusi UI out-of-box untuk aplikasi perusahaan yang dibangun di Vue3.x)

Melihat

Paket npm versi 3.x diganti namanya menjadi @miitvip/admin-pro

Versi 2.x dari Paket npm makeit-admin-pro di sini

3.x Alamat Pengalaman Versi " https://admin.makeit.vip "

2.x Alamat Pengalaman Versi " https://2x.makeit.vip "

tentang

Makeit Admin Pro adalah UI 框架yang cocok untuk proyek manajemen pertengahan dan back-end yang dibangun dan dikembangkan berdasarkan Vue 3.x + Vite 5.x + Ant Design Vue 4.x

? Kerangka kerja memiliki modul umum bawaan seperti tata letak halaman/halaman pendaftaran/halaman login/lupa kata sandi/komponen kode verifikasi slider/pencarian komponen lenovo/konfigurasi menu dinamis/konfigurasi manajemen izin, dll., Yang tersedia di luar kotak .

? Tujuan asli merancang kerangka kerja ini adalah untuk menghindari konstruksi halaman dasar dan duplikat di proyek manajemen tengah dan backend, dan untuk merangkum serangkaian perilaku di halaman menjadi komponen berat ( satu komponen ≈ satu halaman ), seperti Layout letak dasar, login, Login / Register / lupa kata sandi dan Forget modul halaman lainnya, sehingga pengembang dapat memfokuskan lebih lanjut. Saya berharap dapat menyediakan konstruksi aplikasi menengah dan backend berkualitas tinggi dan efisien melalui komponen Seri Makeit Admin Pro . Itu masih ditingkatkan pada tahap ini dan terus -menerus mengembangkan dan memperbarui ...

Diagram reproduksi

Tema Gelap

Tema ringan

Ubah temanya

Menu Koleksi

Efek ponsel

Aplikasi Global

Configuration Configuration ( css modules + css variables )

✅internasionalisasi ( vue-i18n )

✅ cookie ( document.cookie )

✅ Penyimpanan ( localStorage & sessionStorage )

✅ Permintaan ( axios )

✅ Global (Konfigurasi global configuration )

✅ Alat (Fungsi Global global functions Perpustakaan)

Komponen dasar

✅ Tata letak ( Layout )?

✅ kode verifikasi slider ( Captcha )?

✅Angor Link ( Anchor )?

Clock jam ?

✅Dropdown Menu ( Dropdown )?

✅ Alamat tautan ( Link )?

✅ Panel Palet Warna ( Palette )

✅ Login ( Socialite ) Nautorized?

✅ menu navigasi ( Menu )

Efek Efek Animasi Jendela Popular ( Modal )?

✅Message Center ( Notice )?

✅ Pengaturan Kata Data ( Password )?

✅Search Components ( Search )?

✅ Sorotan kode ( Code )?

✅ Pengaturan Titik ( Title )?

✅Tipot ( Quotes ) #️⃣

✅Backtop Backtop

Routing Sejarah ( History )?

✅Image Loading ( ItemsImage )?

Komponen pengukur huruf

✅Copywriting ( ItemsText )?

✅ Tata Letak Perputaran ( ItemsImage )

Komponen wali

✅ Halaman Login ( Login )?

✅ halaman registrasi ( Register )?

✅Forgot Password ( Forget )?

Aplikasi lanjutan

✅ Konfigurasi bahasa ( AppsLanguage ) ❄️

✅Men Management (Dynamic Routing) ( AppsMenu )

Kontrol Izin?

Manajemen Aplikasi?

Editor Teks Kaya?

Pilihan regional?

Halaman Pengecualian ( 404 )?

Pusat Pribadi?

······

Instal dan gunakan

npm i @miitvip/admin-pro

Pendahuluan Global

 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' ) 

Memuat sesuai permintaan

 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' ) 

Tata letak dasar

 < 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 > 

Halaman login

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

Halaman pendaftaran

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

Lebih banyak aplikasi

Untuk lebih banyak konten dan penggunaan, silakan periksa contoh online: https://admin.makeit.vip