Modelo de sistema de gerenciamento de backend desenvolvido com base em SpringBoot + Vue
Conforme descrito na estrutura de Zoey, sempre quis desenvolver meu próprio modelo de sistema de gerenciamento de back-end, mas nunca fui exposto a um sistema que separasse front-end e back-end no início. No final, fiquei impressionado com a renderização dinâmica de vários estilos e menus. Fui completamente torturado pelo Spring Security ao desenvolver o backend. Durante esse período, pensei inúmeras vezes em usar um conjunto de excelentes frameworks de código aberto, mas com uma abordagem tão impetuosa. mentalidade para aprender, o resultado final foi que fui mais uma vez suprimido por vários excelentes frameworks de código aberto.
Depois de aprender com a experiência, percebi profundamente que deveria me acalmar e aprender tecnologia de maneira prática. Finalmente, depois de um período de tempo, resolvi os problemas anteriores um por um e entendi com sucesso algumas excelentes estruturas de código aberto. Meu desejo interior de desenvolver um conjunto de modelos de sistema de gerenciamento de segundo plano tornou-se cada vez mais forte. finalmente, desenvolvi meu próprio conjunto de modelos de sistema de gerenciamento de back-end.
Após a conclusão do desenvolvimento, percebi profundamente que não era suficiente concluir o desenvolvimento e implementar as funções básicas correspondentes. O tratamento do sistema em diversas situações ao encontrar alta simultaneidade e acesso multiusuário me fez entender que acabei de sair. a longa marcha. Continuarei otimizando e iterando no futuro, sua estrela é minha motivação❤️
Endereço Github: https://github.com/Architect-Java/system-template
Endereço do turismo: https://gitee.com/dream-flight/system--template
Conta de administrador: admin Senha: 123456
Conta de teste: senha de teste: 1234567
O projeto front-end está localizado no diretório system-vue
O projeto backend está localizado no diretório system-springboot
O arquivo SQL é o arquivo system-mysql8.sql
no diretório raiz, que requer MySQL8 e superior.
Projeto front-end:
system-vue
├── public
├── api -- api请求接口目录
├── assets -- 静态资源
├── components -- 全局组件
├── constant -- 全局常量
├── filter -- 过滤器
├── icons -- svg图标
├── layout -- 布局目录
├── router -- 路由
├── store -- 全局缓存
├── styles -- scss样式目录
├── utils -- 工具目录
├── views -- 页面视图
├── App.vue -- App.vue
├── main.js -- main.js
└── permission.js -- 路由导航守卫
Projeto de back-end
system-springboot
├── annotation -- 自定义注解
├── aspect -- aop切面
├── config -- 配置模块
├── constant -- 静态常量模块
├── controller -- 控制器模块
├── dto -- dto模块
├── entity -- 实体类模块
├── enums -- 枚举模块
├── filters -- 过滤器模块
├── generator -- 逆向工程模块
├── handler -- 处理器模块(自定义JWT权限过滤器)
├── mapper -- 数据持久化模块
├── service -- 业务处理模块
├── util -- 工具类模块
└── vo -- vo模块
Após puxar o projeto para a área local, basta executar o arquivo system-mysql8.sql
diretamente no banco de dados. O banco de dados será criado automaticamente e os dados serão importados. Então você precisa modificar as informações dos parâmetros correspondentes na classe de configuração do projeto. Em seguida, execute npm install
no projeto front-end para baixar as dependências correspondentes ao projeto front-end e o projeto pode ser iniciado com sucesso.
Após o projeto ser iniciado com sucesso, insira a conta do administrador: admin e senha: 123456 para fazer login e entrar no sistema.
Endereço do documento da interface local: http://localhost:8090/doc.html
Operação do gerador de código: Ao usar o gerador de código Mybatis-Plus
, você precisa primeiro modificar os parâmetros de conexão do banco de dados e o nome de usuário e senha do banco de dados no arquivo CodeGentrator
no diretório /src/main/java/com/zrkizzy/template/generator
de acordo. Ele pode ser executado com sucesso após
Observação: inicie primeiro o projeto de back-end e depois o projeto de front-end. Muitos dados e configurações do projeto de front-end são carregados dinamicamente pelo back-end.
Front-end: vue + vuex + vue-router + axios + element-ui + sass + vue-cropper + dayjs + nprogress
Back-end: SpringBoot + SpringSecurity + JWT + Swagger2 + MyBatisPlus + MySQL + Redis + Freemarker + FastJson + Kaptcha
ferramentas de desenvolvimento | Função funcional |
---|---|
Ideia | Ferramentas de desenvolvimento Java |
Navicat | Ferramenta de conexão MySQL |
Código VSC | Ferramentas de desenvolvimento Vue |
Médicos | Ferramenta de conexão Redis |
ambiente de desenvolvimento | Versão |
---|---|
JDK | 1,8 |
MySQL | 8.0.13 |
Vista | 2.6.11 |
Redis | 6.0.5 |
Sempre me lembro que o primeiro projeto Web totalmente desenvolvido que desenvolvi foi um sistema de gestão de premiações e excelência desenvolvido para a escola no meu segundo ano. Ainda me lembro que o site oficial do Layui ainda não estava offline e o jQuery ainda ocupava o céu. Para iniciantes, o modelo do sistema de gerenciamento de back-end é relativamente fácil de usar. Depois de integrar o gerador de código Mybatis-Plus, a dificuldade de desenvolvimento é ainda mais reduzida. É adequado para iniciantes aprenderem o desenvolvimento e a reprodução. a implementação manual do estilo e construção do front-end. Peço desculpas por quaisquer deficiências no projeto. Se você tiver alguma dúvida ou sugestão, sinta-se à vontade para me enviar uma mensagem em particular. Você também pode participar do bate-papo em grupo. outro!