美文网首页vuespringbootJava技术升华
基于 Spring Boot 和 Vue 开发前后端分离快速开发

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

作者: 让我来搞这个bug | 来源:发表于2022-08-05 11:32 被阅读0次

    一个前后端分离快速开发平台,是基于 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--大屏组件
    

    PC端界面一览

    image.png image.png image.png

    WMS演示系统 uniapp界面一览

    image.png image.png image.png image.png

    相关文章

      网友评论

        本文标题:基于 Spring Boot 和 Vue 开发前后端分离快速开发

        本文链接:https://www.haomeiwen.com/subject/wokpwrtx.html