vue admin generator

gerador vue-admin

Este não é um projeto de andaime, mas um projeto de demonstração básico, despojado do projeto real de referência de negócios. Crie um novo projeto backend Vue, que pode ser modificado com base neste projeto.

Lista de tarefas

• Use Mockjs para simular dados de interface (a serem melhorados)

• axios implementa solicitações de rede (encapsulamento subsequente e tratamento de erros unificado)

• gerenciamento de estado vuex

• Controle de permissão de roteamento

Demonstração

Demonstração on-line

Nome de usuário: administrador

Senha:123456

Os usuários logáveis ​​estão em ${root_project}/src/mock/data/exampleData.js

Descrição

1. Para gerenciamento global de estado Vuex, consulte a configuração em src/vuex/modules/control.js. Todas as solicitações assíncronas compartilham uma ação e três métodos de mutação fixos.

2. Quanto ao gerenciamento de estado do Vuex, ele está escrito no retorno de chamada do método no template Vue, para que o código possa ser compartilhado e um grande número de códigos semelhantes possam ser evitados.

3. Todas as solicitações de rede também compartilham o mesmo método axios.request(). O tipo de solicitação e o retorno de chamada de sucesso são todos passados ​​para a solicitação na forma de parâmetros, o que também evita um grande número de códigos semelhantes.

4. Para comparação com o caso de referência, consulte a solicitação de login chamada e a solicitação de obtenção da lista de funcionários na gestão de funcionários.

Configuração de compilação

 # 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 obter explicações detalhadas sobre como as coisas funcionam, verifique o guia e a documentação do vue-loader.