基于前端 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功能

项目预览

SpringSecurity集成

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

订单管理扫码付

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

后端技术栈

• 基础框架：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” 一下，该项目将持续更新，不断完善功能。