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

 

一个前后端分离快速开发平台，是基于 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,组合起来可以搭建线上日志系统

架构图

 

技术架构：

后端

• 基础框架：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--大屏组件

PC端界面一览

 

 

 

WMS演示系统 uniapp界面一览

 

 

 

 

最新源码获取方式：关注头条转发文章之后私信回复【源码】即可免费获取到！