Download vue DBM - download do código-fonte vue DBM

vue DBM

Outras categorias

V1.0

Baixar

Perceber! Este projeto foi refatorado. A versão atual é 2.0. Para versões mais antigas, verifique a versão para baixar a versão 1.0.

ilustrar

DBM é um sistema de gerenciamento de fontes de dados que inclui dois módulos: gerenciamento de fontes de dados e autorização aberta. O gerenciamento de fontes de dados refere-se a funções como importação com um clique, filtragem sob demanda e exportação designada de dados relacionais. proprietário abrindo dados para usuários. Adicionar, excluir, modificar, verificar e outras permissões de operação. Implantar ou usar este sistema pode trazer a função de persistência de dados para o seu projeto front-end, em vez de simulação de dados.

O front-end DBM é um aplicativo SPA construído usando o andaime vue-cli. Ele se baseia principalmente no DBM. Para tornar a separação do front-end e do back-end mais completa, o front-end usará Mockjs. simule a resposta de acordo com o protocolo de interface acordado com o back-end durante o desenvolvimento e conclua a interface no back-end. Após escrever, use diferentes comandos de inicialização para transferir a interface de back-end para concluir o teste de todo o sistema.

Se você também deseja usar vue.js combinado com linguagens back-end (nodejs, java, etc.) para desenvolver uma aplicação completa com front-end e back-end, referindo-se à implementação do projeto front-end DBM pode ser capaz de ajudá-lo a resolver os seguintes problemas

Como melhorar a reutilização de componentes?
Como usar vários módulos no gerenciamento de estado?
Como implementar o processamento de permissão em nível de página e em nível de elemento?
Como interceptar solicitações HTTP e simular UI orientada por resposta usando Mockjs?
Como usar a função render para customizar componentes de negócios com estruturas como element-ui?
Como implementar embalagens multiambientes, melhorar a eficiência das embalagens e reduzir o volume das embalagens, etc.

Como este projeto é feito no tempo livre, o ciclo de desenvolvimento é longo e a limpeza do código ainda precisa ser melhorada, continuarei a modificá-lo até que esteja satisfeito. Se você encontrar problemas, por favor, levante-os diretamente em Problemas. ou se você tiver alguma dúvida sobre a implementação do módulo, melhores soluções serão bem-vindas, PR.

Preparação antes do desenvolvimento

Seu ambiente local precisa conter nodejs e git se você usar git clone. Este projeto usa principalmente vue, vuex, vue-router, element-ui, axios, Mock.js e outras pilhas de tecnologia. Familiarizado com essas tecnologias, você pode dominar melhor este projeto.

Durante o desenvolvimento do projeto, fiz algumas anotações específicas. É recomendável ler essas notas primeiro antes de compreender o código-fonte deste projeto.

Visão geral da estrutura do projeto
Layout principal do sistema
roteamento
Gerenciamento de status
Gerenciamento de permissões
Controlar encapsulamento e uso
misture
Simulação de dados
Otimização de embalagens e experiência do usuário

função alvo

Página de login
Painel
Página de gerenciamento de tabela de dados
Página de gerenciamento de banco de dados
Página de autorização de abertura de dados

Desenvolvimento e lançamento

 # 克隆项目
git clone https://github.com/calebman/vue-DBM.git

# 安装依赖
npm install
   
# 如果下载依赖报错可通过以下方式尝试解决
npm install --registry=https://registry.npm.taobao.org

# 启动服务
npm run dev

# 浏览器访问
http://localhost:8060

# 打包发布
npm run build

Registro de alterações

Clique aqui para ver o log de atualização.

Demonstração

Clique em mim para ver a demonstração

Agradecimentos

A arquitetura deste projeto refere-se à implementação de vue-element-admin . O componente table foi customizado e modificado com base em vue-easytable . Gostaria de agradecer aos dois autores do projeto, PanJiaChen e huangshuwei.