miitvip vue admin manager

Makeit Admin Pro 3.x

Marco de plantilla de combinación listos para usar para sistemas de gestión de mediano y back-end construidos basados en Vue3.x

(Una solución de UI fuera de caja para aplicaciones empresariales construidas en Vue3.x)

Aviso

3.x del paquete npm cambia a @miitvip/admin-pro

2.x del paquete npm makeit-admin-pro aquí

3.x Dirección de experiencia de la versión " https://admin.makeit.vip "

2.x Versión de la dirección Dirección " https://2x.makeit.vip "

acerca de

Makeit Admin Pro es un UI 框架adecuado para proyectos de gestión de mediana y back-end construidos y desarrollados en base a Vue 3.x + Vite 5.x + Ant Design Vue 4.x

? El marco tiene módulos comunes incorporados, como el diseño de la página/página de registro/página de inicio de sesión/Olvidó la contraseña/código de verificación del deslizamiento componente/búsqueda de componente lenovo/configuración de la configuración de la gestión del menú dinámico/de permiso, etc., que están disponibles fuera de la caja .

? La intención original de diseñar este marco es evitar la construcción básica y duplicada de la página en el proyecto de gestión central y de backend, y encapsular una serie de comportamientos en la página en componentes pesados ( un componente ≈ ≈ una página ), como Layout , iniciar sesión / Login / Register / perdón Forget contraseña y otros módulos de página de la página, para que los desarrolladores puedan enfocarse más en el desarrollo de negocios sin contenido sin tiempo en el tiempo de spending en spending en la construcción básica. Espero proporcionar una construcción rápida y eficiente de aplicaciones medias y de back-end de alta calidad a través de componentes de la Serie Makeit Admin Pro . Todavía se está mejorando en esta etapa y se está desarrollando y actualizando constantemente ...

Diagrama de reproducción

Tema oscuro

Tema de la luz

Cambiar el tema

Menú de colección

Efecto de teléfono móvil

Aplicación global

✅ Configuración de Theme ( css modules + css variables )

✅Ternacionalización ( vue-i18n )

✅ Cookies ( document.cookie )

✅ Almacenamiento ( localStorage & sessionStorage )

✅ Solicitud ( axios )

✅ Global (configuración global configuration )

✅ Herramientas (Funciones globales Biblioteca global functions )

Componentes básicos

¿ Diseño básico ( Layout )?

✅Slider Code de verificación ( Captcha )?

✅Anchor Link ( Anchor )?

Clock Reloj ?

✅dropdown menú ( Dropdown )?

¿ Dirección de Link ( Link )?

✅ Panel de paleta de colores ( Palette )

✅ ¡ Inicio de sesión autorizado ( Socialite )?

✅ Navegación del menú ( Menu )

✅ Efecto de animación de ventana potular ( Modal )?

✅ Centro de mensajes ( Notice )?

✅ Configuración de Password ( Password )?

¿ Componentes de búsqueda ( Search )?

✅Code destacando ( Code )?

✅ Configuración de titulación ( Title )?

✅Cotes ( Quotes ) #️⃣

✅backtop Backtop

✅ ✅ ✅history enrutamiento ( History )?

¿ Carga de imagen ( ItemsImage )?

Componentes tipografía

✅CopyWriting ( ItemsText )?

✅ DISEÑO DE PICTURA ( ItemsImage )

Componentes de Guardian

✅Login Page ( Login )?

✅ Página de registro ( Register )?

¿ Contraseña de Forgot ( Forget )?

Aplicaciones avanzadas

✅ Configuración del lenguaje ( AppsLanguage ) ❄️

✅ Gestión de hombres (enrutamiento dinámico) ( AppsMenu )

¿Control de permiso?

Gestión de aplicaciones?

¿Editor de texto rico?

¿Elección regional?

Página de excepción ( 404 )?

¿Centro personal?

······

Instalar y usar

npm i @miitvip/admin-pro

Introducción 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' ) 

Cargar a pedido

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

Diseño básico

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

Página de inicio de sesión

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

Página de registro

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

Más aplicaciones

Para obtener más contenido y uso, consulte el ejemplo en línea: https://admin.makeit.vip