vue admin generator

generador-admin-vue

Este no es un proyecto de andamiaje, sino un proyecto de demostración básico, despojado del proyecto de referencia empresarial real. Cree un nuevo proyecto de backend de Vue, que se puede modificar en función de este proyecto.

Lista de tareas pendientes

• Utilice Mockjs para simular datos de la interfaz (para mejorar)

• axios implementa solicitudes de red (encapsulación posterior y manejo unificado de errores)

• gestión de estado vuex

• Control de permisos de enrutamiento

Manifestación

Demostración en línea

Nombre de usuario: administrador

Contraseña: 123456

Los usuarios que pueden iniciar sesión están en ${root_project}/src/mock/data/exampleData.js

Descripción

1. Para la gestión global del estado de Vuex, consulte la configuración en src/vuex/modules/control.js. Todas las solicitudes asincrónicas comparten una acción y tres métodos de mutación fijos.

2. En cuanto a la gestión del estado de Vuex, está escrita en la devolución de llamada del método en la plantilla de Vue, por lo que se puede compartir código y evitar una gran cantidad de códigos similares.

3. Todas las solicitudes de red también comparten el mismo método axios.request(). El tipo de solicitud y la devolución de llamada exitosa se pasan a la solicitud en forma de parámetros, lo que también evita una gran cantidad de códigos similares.

4. Para comparar con el caso de referencia, consulte la solicitud de inicio de sesión solicitada y la solicitud para obtener la lista de empleados en la gestión de empleados.

Configuración de compilación

 # install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

Para obtener una explicación detallada sobre cómo funcionan las cosas, consulte la guía y los documentos de vue-loader.