La dirección de vista previa en línea y los datos de la interfaz en segundo plano se simulan y se pueden agregar, modificar o eliminar a voluntad.
Este marco se modifica según vue-element-admin de PanJiaChen. Antes de usarlo, se recomienda leer algunos de sus documentos primero. Le mostrará cómo usar la serie uno de vue (los documentos básicos lo ayudarán). muchos problemas!
Los permisos del menú están controlados por el fondo.
Al crear un menú, tenga en cuenta que el campo de nombre corresponde al nombre en la página (cuadro rojo). Si los dos lugares son inconsistentes, el caché de mantenimiento no será válido (ingrese el contenido en la página A, cambie a la página B). y luego cambie Volver a la página A, los datos ingresados en la página A se perderán), y el nombre de cada menú es único, y mantener vivo también dejará de ser válido si se repite.
Si se muestra se refiere a si se muestra en el menú. Aún se puede acceder a los menús ocultos a través del enrutamiento.
Lo que se debe tener en cuenta en la ruta del archivo es que el menú de primer nivel usa el campo Diseño, los directorios de segundo nivel o de varios niveles usan el campo ninguno (porque el directorio no apunta a un archivo específico) y el subdirectorio no apunta a un archivo específico. La página utiliza la página específicamente señalada, como Los archivos señalados por la flecha amarilla se colocan en la carpeta src/pages de forma predeterminada.
La ruta de la interfaz en segundo plano se modifica en vue.config.js en el directorio raíz del proyecto.
El código de estado devuelto por la interfaz en segundo plano se modifica en src/utils/request.js
src/permission.js es el protector de enrutamiento
src/external es donde se colocan las páginas externas. El enrutamiento de páginas abierto al mundo exterior se puede configurar en src/router/modules/external.js.
Orden
# clone the project
git clone https://github.com/rui494274693/vueElementAdminBase.git
# enter the project directory
cd vueElementAdminBase-master
# install dependency
npm install
# develop
npm run dev
Abra http://localhost:8099 en el navegador
Embalar
# build for test environment
npm run build:stage
# build for production environment
npm run build:prod
Este es solo un proyecto de front-end. También necesita iniciar un proyecto que simule la interfaz de back-end. La dirección es vueElementAdminServer.
Donar
Si crees que este proyecto te resulta útil, puedes apoyar al autor con las siguientes acciones:
