基于前端 Ant Design of Vue 和SpringBoot Security实现的一套完善后台管理系统

项目简介

一个基于 Spring Boot 2.0.4、Mybatis、JWT、WebSocket、Spring Security、Redis、Ant Design Pro Vue的前后端分离的后台管理系统。 此处只是项目的简介,更多的技术内容使用实现方案会完善到wiki 文档,敬请期待。

项目体验

前端项目地址: https://gitee.com/sinaC/ant-vue-youliao.
后端项目地址: https://gitee.com/sinaC/youliao.
体验地址: http://132.232.43.102.
账号密码: guest/guest 此账号为演示账号 如需操作账号请联系管理员

软件架构

  • 后端:框架:Spring Boot 安全框架:spring security + 缓存:Redis + 数据库:Mysql 多模块集成框架
  • 前端:ANTD PRO VUE 开箱即用的中台前端/设计解决方案

项目功能模块

├─仪表盘
│ ├─工作台
│ ├─分析页
│ ├─测试功能
├─系统管理
│ ├─用户管理
│ ├─角色管理
│ ├─菜单管理
│ ├─部门管理
│ ├─岗位管理
│ ├─系统日志
├─外部网页链接
│ ├─swagger-ui(在线接口文档)
│ ├─SQL监控
│ ├─Swagger-Bootstrap-UI
│ ├─排队大厅(websocket)
│ ├─进程日志(websocket)
├─系统监控
│ ├─磁盘监控
│ ├─jvm信息
│ ├─服务器信息
│ ├─Tomcat信息
│ ├─Redis信息
├─常见案列
│ ├─打印测试
│ ├─OSS存储
│ ├─订单管理<微信 支付宝 扫码付>
│ ├─pdf小票预览
│ │ ├─采血回执单
│ │ ├─销售票据
│ │ ├─销售小票
│ │ ├─销售凭证
├─待开发模块
│ ├─动态文档解析预览<下一期>
│ ├─邮件发送<下一期>
│ ├─redisson缓存操作<下一期>
│ ├─ES加入文档检索<下一期>

└─其他模块
└─更多功能开发中。。

文档 目录

  • 项目解读

    • 项目预览
    • 项目文档、监控集成
    • pdf小票预览
  • 安全框架SpringSecurity

    • SpringSecurity集成
    • 订单管理扫码付
    • 腾讯云api功能

项目预览

基于前端 Ant Design of Vue 和SpringBoot Security实现的一套完善后台管理系统 基于前端 Ant Design of Vue 和SpringBoot Security实现的一套完善后台管理系统
基于前端 Ant Design of Vue 和SpringBoot Security实现的一套完善后台管理系统 基于前端 Ant Design of Vue 和SpringBoot Security实现的一套完善后台管理系统
基于前端 Ant Design of Vue 和SpringBoot Security实现的一套完善后台管理系统 基于前端 Ant Design of Vue 和SpringBoot Security实现的一套完善后台管理系统
基于前端 Ant Design of Vue 和SpringBoot Security实现的一套完善后台管理系统 基于前端 Ant Design of Vue 和SpringBoot Security实现的一套完善后台管理系统
基于前端 Ant Design of Vue 和SpringBoot Security实现的一套完善后台管理系统 基于前端 Ant Design of Vue 和SpringBoot Security实现的一套完善后台管理系统

SpringSecurity集成

1.基于springSecurity 安全框架做的用户权限体系。权限体系为:用户-角色-菜单 功能权限(控制到按钮级别权限 还在完善) 部门-岗位 数据权限。

订单管理扫码付

1.基于支付案列的扫码付已经完善接入,个人已自测。更多支付类型后期再不断更新。案列预览。

基于前端 Ant Design of Vue 和SpringBoot Security实现的一套完善后台管理系统 基于前端 Ant Design of Vue 和SpringBoot Security实现的一套完善后台管理系统 基于前端 Ant Design of Vue 和SpringBoot Security实现的一套完善后台管理系统
基于前端 Ant Design of Vue 和SpringBoot Security实现的一套完善后台管理系统 基于前端 Ant Design of Vue 和SpringBoot Security实现的一套完善后台管理系统

后端技术栈

  • 基础框架:Spring Boot 2.0.4.RELEASE
  • 安全框架: Spring Security 5.0.7.RELEASE
  • 持久层框架: Mybatis
  • 数据库: Mysql
  • Jar包管理: Maven
  • 身份验证: JWT
  • 缓存框架:Redis
  • 日志打印:logback
  • 长连接:webSocket
  • 模板解析 freemarker
  • 文档预览 pdfJs xdocJs
  • Html转Pdf和图片 html2canvas
  • 导入导出 Easy POI
  • 接口文档 swagger2
  • 其他:fastJson、xml、xdoc 等## 前端技术栈

前端技术栈

  • node
  • yarn
  • webpack
  • @vue/cli 3.2.1
  • ant-design-vue - Ant Design Of Vue 实现
  • vue-cropper - 头像裁剪组件
  • @antv/g2 - Alipay AntV 数据可视化图表
  • Viser-vue - antv/g2 封装实现

结尾

如果该项目对您有帮助,您可以点右上角 “Star” 支持一下 谢谢!
或者您可以 “follow” 一下,该项目将持续更新,不断完善功能。