O endereço de visualização on-line e os dados da interface de fundo são simulados e podem ser adicionados, modificados ou excluídos à vontade.
Esta estrutura é modificada com base no vue-element-admin do PanJiaChen. Antes de usá-lo, é recomendável ler alguns de seus documentos primeiro. Ele mostrará como usar o vue backend da série um (noções básicas). muitos problemas!
As permissões do menu são controladas pelo plano de fundo
Ao criar um menu, observe que o campo de nome corresponde ao nome da página (caixa vermelha). Se os dois locais forem inconsistentes, o cache keep-alive será inválido (inserir conteúdo na página A, mudar para a página B,). e, em seguida, alterne Retornar à página A, os dados inseridos na página A serão perdidos), e o nome de cada menu será único e o keep-alive também se tornará inválido se repetido.
Se exibir refere-se a ser exibido no menu. Menus ocultos ainda podem ser acessados por meio de roteamento.
O que deve ser observado no caminho do arquivo é que o menu de primeiro nível usa o campo Layout, os diretórios de segundo nível ou multinível usam o campo nenhum (porque o diretório não aponta para um arquivo específico) e o sub- page usa a página especificamente apontada, como Os arquivos apontados pela seta amarela são colocados na pasta src/pages por padrão.
O caminho da interface de segundo plano é modificado em vue.config.js no diretório raiz do projeto.
O código de status retornado pela interface em segundo plano é modificado em src/utils/request.js
src/permission.js é o protetor de roteamento
src/external é onde as páginas externas são colocadas. O roteamento de páginas abertas para o mundo externo pode ser configurado em src/router/modules/external.js.
Ordem
# 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 no navegador
Pacote
# build for test environment
npm run build:stage
# build for production environment
npm run build:prod
Este é apenas um projeto front-end. Você também precisa iniciar um projeto que simule a interface backend. O endereço é vueElementAdminServer.
Doar
Se você acha que este projeto é útil para você, você pode apoiar o autor com as seguintes ações:
