基于 Spring Boot 和 Vue 开发前后端分离快速开发

2022-08-05 本文已影响0人让我来搞这个bug

一个前后端分离快速开发平台，是基于 Spring Boot 和 Vue 开发，整合 Flowable工作流、Shiro、Redis等，来帮助中小型企业及个人实现敏捷化的应用交付和运营管理，并提供代码生成器、通用前端等业务组件，来帮助开发者聚焦于业务，加速中小型企业数字化转型。

开发平台

采用前后端分离的模式，前端开源框架：quickd-ui (基于 Vue、Element-UI)
后端采用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,组合起来可以搭建线上日志系统

架构图

最新源码获取方式：+vxin：mxx2020666，取到！

image.png

技术架构：

后端

基础框架：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原生演示系统├── quickd-components-- 用户权限管理系统|    ├── quickd-components-flowable -- 流程引擎组件|    ├── quickd-components-quartz-- 定时任务组件|    ├── quickd-components-oss-- 文件处理组件|    ├── quickd-components-datav--大屏组件