基于 Spring Boot 和 Vue 开发前后端分离快速开发平台源码分享

• 后端采用Springboot+Mybatis-Plus+Shiro+jwt+redis，并同时对其基础组件做了高度的封装

• 全能代码生成器，Android，IOS，Vue增删改查功能自动生成，菜单配置直接使用；大幅度提升开发效率，不再为重复工作发愁。

• 在线配置报表（无需编码，通过在线配置方式，实现曲线图，柱状图，数据等报表）

• 完善的权限管理（精细化数据权限控制，控制到行级，列表级，表单字段级，实现不同人看不同数据，不同人对同一个页面操作不同字段

• 极简封装了多租户底层，用更少的代码换来拓展性更强的SaaS多租户系统。

• 查询过滤器：查询功能自动生成，后台动态拼SQL追加查询条件；支持多种匹配方式（全匹配/模糊查询/包含查询/不匹配查询）；

• 借鉴Shiro，采用JWT做Token认证，可拓展集成Redis等细颗粒度控制方案。

• 借助 Jenkins作为持续集成工具，提供持续集成的流水线，简化应用开发、缩短应用生命周期，快速迭代。

• 封装完善的用户、角色、菜单、组织机构、数据字典、在线定时任务等基础功能，支持访问授权、按钮权限、数据权限等功能

• 专业接口对接机制，统一采用restful接口方式，集成swagger-ui在线接口文档，Jwt token安全验证，方便客户端对接

• 协同办公工作流。集成工作流Flowable，并实现了只需在页面配置流程转向，可极大的简化bpm工作流的开发；用bpm的流程设计器画出了流程走向，一个工作流基本就完成了，只需写很少量的java代码；

• 查询过滤器：查询功能自动生成，后台动态拼SQL追加查询条件；支持多种匹配方式（全匹配/模糊查询/包含查询/不匹配查询）

• 集成可视化工具大屏插件，可以自定义大屏显示内容；

• 常用共通封装，各种工具类(定时任务,短信接口,邮件发送,Excel导入导出等),基本满足80%项目需求

• 后台提供分布式限流、同步锁、验证码等工具类 前端提供丰富Vue模版

• 基于Websocket消息推送管理、基于Quartz定时任务管理、数据字典管理

• SQL监控：采用druid 监控数据库访问性能，默认用户名admin，密码123456

• 异常日志：记录异常日志，方便开发人员定位错误

• 操作日志：记录用户操作的日志

• 定时任务：整合Quartz做定时任务，加入任务日志，任务运行情况一目了然

• 文件管理:支持本地或者第三方阿里云文件存储服务，可动态任意切换

• 实现防止表单重复提交，避免短时间内不止一次提交表单。

• 完善的阿里云配置文档和部署文档

• 社交账号管理：支持多种第三社交账号登录，不干涉原用户数据，实现第三方账号管理

• 专业接口对接机制：统一采用restful接口方式，集成swagger-ui在线接口文档，Jwt token安全验证，方便客户端对接

• 整合ELK实现日志收集：用Elasticsearch、Logstash、Kibana,组合起来可以搭建线上日志系统

架构图

===

技术架构：

=====

后端

==

• 基础框架：Spring Boot 2.1.7.RELEASE

• 持久层框架：Mybatis-Plus_3.0.6

• 安全框架：Apache Shiro 1.4.0，Jwt_3.7.0

• 数据库连接池：阿里巴巴Druid 1.1.10

• 缓存框架：redis

• 日志打印：logback

• 其他：fastjson，poi，Swagger-ui，quartz, lombok（简化代码）等。

前端

==

• Vue 2.5.22,Vuex,Vue Router

• Axios

• ElementUI

• webpack,yarn

• vue-cropper - 头像裁剪组件

• eslint，@vue/cli 3.2.1

开发环境

====

• 语言：Java 8

• IDE(JAVA)： IDEA安装lombok插件

• IDE(前端)： visual studio code

• 依赖管理：Maven

• 数据库：MySQL8.1,mongodb

• 缓存：Redis

工程结构

====

quickd

├── quickd-admin-- 基础框架[端口:9090]

├── quickd-devtools – Web管理后台基础项目, 生成初始化项目（包含后端，前端，android，ios,小程序)

├── quickd-system-- 系统核心模块

├── admin-ui – 前台VUE模板[端口:9001]

├── demo-parent – wms演示后端系统[端口:8080]

├── demo-ui – wms演示前端系统[端口:8098]

├── demo-uniapp – wms手机端演示系统（包含IOS和android）

├── demo-android – wms手机端android原生演示系统
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（资料价值较高，非无偿）

最后

一个好的心态和一个坚持的心很重要，很多冲着高薪的人想学习前端，但是能学到最后的没有几个，遇到困难就放弃了，这种人到处都是，就是因为有的东西难，所以他的回报才很大，我们评判一个前端开发者是什么水平，就是他解决问题的能力有多强。

分享一些简单的前端面试题以及学习路线给大家，狂戳这里即可获取！！！

到处都是，就是因为有的东西难，所以他的回报才很大，我们评判一个前端开发者是什么水平，就是他解决问题的能力有多强。

分享一些简单的前端面试题以及学习路线给大家，狂戳这里即可获取！！！

[外链图片转存中…(img-U07v2xOs-1711695251420)]