vue admin box

cuadro-admin-vue

Inglés | 简体中文

resumen

• versión de actualización
• Después de más de tres meses de iteración, la versión 1.0 se lanzó oficialmente el 10 de agosto de 2021, con cuatro plantillas básicas adjuntas para que todos las usen.
• Este proyecto de código abierto es desarrollado por individuos y no restringe ningún uso comercial ni investigación personal. Por favor, haz clic en la estrella para animarme antes de usarlo.
• Todas las actividades ilegales y pornográficas involucradas en este proyecto de código abierto no tienen nada que ver con este código fuente. Por favor no te muestres
• Grupo de comunicación QQ: 912804007. Los problemas surgen en el grupo y pueden resolverse a tiempo.

Avance

Si no se encuentra en China, tal vez debería descargar el proyecto para mostrar la demostración o usar una VPN para visitar la demostración en línea.

• demostración China
• demostración mundial
• dirección de github
• dirección de la casa rural
• Se recomienda utilizar hilo o cnpm para la instalación en China. La instalación de NPM es propensa a tener problemas

Plantilla básica

Hay cuatro plantillas básicas, que son adecuadas para desarrollo y uso cero, y se pueden encontrar en github、gitee Ver directamente en el almacén，La plantilla se muestra a continuación:

1. plantilla template-ts-i18n, contenedor ts e internacionalización github gitee demo
2. plantilla template-ts, contenedor ts, la internacionalización no es un contenedor github gitee demo
3. plantilla template-js-i18n, contenedor js e internacionalización github gitee demo
4. plantilla template-js, contenedor js, la internacionalización no es un contenedor github gitee demo

Introducción

vue-admin-box es una plantilla de sistema de gestión de fondo gratuita y de código abierto. Las últimas versiones de vue-next, vite y element-plus utilizadas en este proyecto. El propósito es resolver la compleja configuración del sistema en segundo plano en los negocios en general.。

Función característica

• Configuración de enrutamiento, mecanismo de administración de estado (el estado admite almacenamiento local de forma predeterminada), Axios encapsulado y perfecto y mecanismo de administración de API adecuado para desarrollo intermedio y en segundo plano.
• Es muy conveniente expandir la función de configuración del tema y admite tres estilos típicos de fondo y medio de forma predeterminada.
• Configuración de enrutamiento, mecanismo de administración de estado (el estado admite almacenamiento local de forma predeterminada), Axios encapsulado y perfecto y mecanismo de administración de API adecuado para desarrollo intermedio y en segundo plano.
• Para conocer las tres tablas comerciales típicas para agregar, eliminar y modificar consultas, consulte "tabla CRUD", "tabla de categorías" y "tabla de árbol" en la "columna de página" para obtener más detalles.
• La función de actualización sin salto de ruta admite la actualización de la página de caché. En la actualidad, la mayoría de los marcos no admiten la actualización de la página de caché.
• Es una solución de internacionalización conveniente y extensible, y proporciona dos conjuntos de plantillas básicas no internacionalizadas y dos conjuntos de plantillas básicas internacionalizadas (versión TS/versión JS).
• Versiones manuscritas de varias instrucciones personalizadas.
• Para conocer los componentes comunes de la tabla y los componentes comunes emergentes que han sido verificados por varias empresas intermedias y de fondo, consulte "tabla cruda", "tabla de categorías" y "tabla de árbol" en la "columna de página" para obtener más detalles.

Tecnología principal

• Marco MVVM: vue v3
• Gestión de ingeniería: vite v2
• Marco de interfaz de usuario: elemento-plus
• Gestión del enrutador: vue-router v4
• Gestión de estado: vuex v4
• Solicitud de datos: axios
• Biblioteca de utilidades: @vueuse/core

como usar

1. obtener el proyecto de código fuente

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

2. Dependencia de instalación, puedes usar cnpm o hilo en China

    npm install
   

3. correr en el desarrollo

    npm run dev 或 npm run start
   

4. construir en producción

    npm run build
   

Proyecto socio

• Thinker-Admin-Box: springboot con vue-admin-box, usa código java para generar la página vue
• H5-dooring: un proyecto de código bajo sobre el sitio web móvil
• ant-simple-pro: un sitio web intermedio basado en Vue3.0, reaccionar y angular
• vue-vben-admin: un administrador de vue moderno. Está basado en Vue3, vite y TypeScript. ¡Es rápido!

avance