今天给大家分享的是一套开源的后台管理系统,这套Base Admin是一套简单通用的后台管理系统,基于springboot+jpa+thymeleaf+mysql,前端主要使用的是layui框架;主要功能有:权限管理、菜单管理、用户管理,系统设置、实时日志,实时监控,API加密,以及登录用户修改密码、配置个性菜单等,配套搭配代码生成器功能,可以快速生成单表的增删改查,是一套非常完善的后台管理系统,下载即可入门做项目,文末免费获取下载地址。
技术栈
前端:layui
java后端:SpringBoot + Thymeleaf + WebSocket + Spring Security + SpringData-Jpa + MySql
工程结构说明
java部分、html、js、css部分都是大目录下面按单表一个子目录存放
![c1389c8e5f69e4cae76f7a23dad01abf.png](https://i-blog.csdnimg.cn/blog_migrate/91bf45c5ad236de314c847ad7300c35d.jpeg)
后端工程项目结构
![398a4070cf8f4a8bfabeb29580fe9f3a.png](https://i-blog.csdnimg.cn/blog_migrate/27f793f66d86ff6316d75a1061642cc5.jpeg)
前端代码结构
功能演示
登录
(为了方便演示,密码输入框的类型改成text)
配置文件分支选择,这里特别注意,作者设置了dev环境无需输入验证码,这不是bug!!!
![eaa8d8b9b6dafe3fec9601e3cf8bb9eb.gif](https://i-blog.csdnimg.cn/blog_migrate/5704ccc11947d3c6c73d3f14585f397c.gif)
![87903bed5169f83a0cc391db6c3bd6d9.gif](https://i-blog.csdnimg.cn/blog_migrate/cc15fa674f642f2259d5e01a38f414a0.gif)
同时支持多种登录限制
允许/禁止账号多人在线
![5359fad17fc43a282b128350950749f9.gif](https://i-blog.csdnimg.cn/blog_migrate/652fedbf1a99ee610377ea0208b26a2f.gif)
软删除
![1578d5758ed6bea0dede2dbc8800a9cd.gif](https://i-blog.csdnimg.cn/blog_migrate/4ab8e5af920d8e776fab496d6e1b09e2.gif)
限制登录IP地址
![ae98754042956b34701dc7cd8e723725.gif](https://i-blog.csdnimg.cn/blog_migrate/52f97791da37a481ca4de8326f6d88bd.gif)
账号过期
![62f39b00302cb6bf3c49dc9031caf751.gif](https://i-blog.csdnimg.cn/blog_migrate/d0b6d82966424757a3446e0529c59ea0.gif)
更多登录限制,还可以继续扩展
系统设置
以下简单的系统属性设置,想支持更多的配置可自行扩展(比如这里的:用户管理初始、重置密码)
![ef7077d4abf99a7aecb66b3d0e12e57a.png](https://i-blog.csdnimg.cn/blog_migrate/805dab059e069f30943518f12b2360cb.jpeg)
系统设置新增部分功能,详见文末“补充更新”
菜单管理
菜单管理是一棵layui的Tree
增删改
![3f8991f55aee0922f7e500f639edfe7c.gif](https://i-blog.csdnimg.cn/blog_migrate/7ed81dcd5b7e90c7977e5ad1e5775a70.gif)
权限管理
增删改查
![008c1f843e0e9e6e776951b34b3b17c7.gif](https://i-blog.csdnimg.cn/blog_migrate/a949da3f0b732a2fcdb0b6d437bf6df2.gif)
动态权限加载
权限的加载并不是写死在代码,而是动态从数据库读取,每次调用save方法时更新权限集合
1、妲己是ROLE_USER权限,权限内容为空,无权访问/sys/下面的路径(http://localhost:8888/sys/sysUser/get/1)
2、使用sa超级管理员进行权限管理编辑,给ROLE_USER的权限内容添加 /sys/**,妲己立即有权限访问(http://localhost:8888/sys/sysUser/get/1)
![6b2096846a41b9b26269c4b3207cf3c4.gif](https://i-blog.csdnimg.cn/blog_migrate/76bab683ed5d956cb57397f04a0eef33.gif)
用户管理
主要包括用户信息、登录限制的维护,菜单、权限的分配等
![7ae821a7e47233eb31589b555393ed50.gif](https://i-blog.csdnimg.cn/blog_migrate/0e8d1fa454dc7bcd086c616ffa6e6580.gif)
修改用户权限是下一次登录生效
![604b99e64dc15c16fd4dbac3198555e6.gif](https://i-blog.csdnimg.cn/blog_migrate/d7c9a8ea3ddff6a67187ef14e66b8f0b.gif)
修改用户菜单时刷新系统即可生效
![1a5296a059537e8cb46b7d99a5440545.gif](https://i-blog.csdnimg.cn/blog_migrate/eff0ef6363fb680259a97a145c20eba7.gif)
用户管理新增“当前在线用户”管理
登录用户信息
基本信息
登录用户只能修改部分信息,例如名称、修改密码
![6fdad3049dabe3ee88f7fcd2f29ce762.png](https://i-blog.csdnimg.cn/blog_migrate/caab79ddb3ae9831c72c1459b20f33cd.jpeg)
修改密码
密码使用的是MD5加密并转换为16进制字符串存储,用户除了能主动修改密码外,还能叫管理员重置密码
![ff2b3f82226b278c43174eb3192709f6.png](https://i-blog.csdnimg.cn/blog_migrate/8e4a1c9a851bccfabbb184620362726b.jpeg)
![7aa19be6d8134d4ff4c547c9a4025910.png](https://i-blog.csdnimg.cn/blog_migrate/18d973ccb904ba3d6c2231c10edcc9a2.jpeg)
![32a0f4d721185d059aa906bdae3068bd.png](https://i-blog.csdnimg.cn/blog_migrate/6a66952a50c1676e442fc25a8f452817.jpeg)
![bbcfb8e9f6c93366f322d611135a6956.gif](https://i-blog.csdnimg.cn/blog_migrate/c5816fea57ebe7145c86e0f8ef6e9ed3.gif)
个性菜单
用户可以自行配置自己的个性化快捷菜单
![28b0fe33ac8e9b30427d53cb895861fc.gif](https://i-blog.csdnimg.cn/blog_migrate/c7d934aad9965c42936f441f30457598.gif)
实时日志
使用websocket,实时将日志输出到web页面,1秒刷新一次
详情请看我之前的博客:SpringBoot系列——Logback日志,输出到文件以及实时输出到web页面
注意:这里的日志配置只配置了dev环境,prod环境尚未为空,发布生产环境前记得先配置,否则生成的日志文件将不会输入日志内容!
![ccd3946af4ab5629c6ead5f95f383ea3.png](https://i-blog.csdnimg.cn/blog_migrate/6d3d97f5e58166c14decb6f52824a062.jpeg)
![b91c068f03e5e3350a1ea13ef7fe9848.png](https://i-blog.csdnimg.cn/blog_migrate/4167816bbeea26c8bda89920131cbaf9.jpeg)
实时监控
实时监控的是系统硬件环境、以及jvm运行时内存,使用websocket,实时将数据输出到web页面,1秒刷新一次
windows环境
![ec6dbf00304bf1104c822eabc4a23f64.gif](https://i-blog.csdnimg.cn/blog_migrate/dc7de53c1c2c085d0c15bc7d81e83083.gif)
Linux环境
![8613195061429dd8b5d62c3e134137bf.png](https://i-blog.csdnimg.cn/blog_migrate/3cf91d799c7811869ae053f411ae72fe.jpeg)
API加密
详情请看我之前的博客:前后端API交互数据加密——AES与RSA混合加密完整实例
请求参数加密
![906fb8bedb49f36afb2e796a48711a05.png](https://i-blog.csdnimg.cn/blog_migrate/7f10b6cdab70f423292ce4ced777ebcd.jpeg)
响应数据加密
![e73ed99b649ca9ca260a2e62a261fca7.png](https://i-blog.csdnimg.cn/blog_migrate/a43dadaa9eecaf3b355bf344fc717f3f.jpeg)
1、系统设置新增API加密开关,可一键关闭、开启API加密;
开启API加密
![96185999e28119dff94853d464a44175.png](https://i-blog.csdnimg.cn/blog_migrate/a15cec6be3261653a61f949f0a6b1241.jpeg)
关闭API加密
![0502d586d85cccc03a36626042b2e424.png](https://i-blog.csdnimg.cn/blog_migrate/4fa64e1b55e8c9952b25b7c899ecdc49.jpeg)
关键点讲解
1、定制url访问权限,动态权限读取,需要自定义配置认证数据源、认证管理器、拦截器,详情步骤请参考:https://www.jianshu.com/p/0a06496e75ea;
2、API加密中,由于登录校验是Spring Security做的,因此我们要在UsernamePasswordAuthenticationFilter获取账号、密码之前完成解密操作,正好我们的校验验证码操作就是在它之前,同时要做相应数据的加密操作,所以登录部分的API加密光按照我们之前的博客来还是不够的,需要在CaptchaFilterConfig进行解密操作,解密后new一个自定义RequestWrapper设置Parameter,并将这个新对象传到doFilter交由下一步处理
3、还是API加密问题,我们是在程序启动的时候生成后端RSA秘钥对,正常来说我们在访问登录页面进行登录的时候前端获取一下就可以了,但在开发环境中,我们通常开启热部署功能,改完代码程序可能会自动重启,但登录用户信息仍然保持在本地线程,系统依旧处于登录状态没有跳转到登录页面,导致后端公钥已经改变,但前端依旧用的是旧的后端公钥,所有导致加解密失败;解决:在访问index首页时也获取一下后端公钥,这样在开发的时候idea热部署后刷新页面就可以了(已提交最新代码,解决热部署后刷新页面还是API加解密失败问题;现在热部署后刷新页面即可)
4、工具类CodeDOM.java可以生成一套单表的完整增删改查后台代码,具体详情可以看之前的博客:SpringBoot系列——Spring-Data-JPA(究极进化版) 自动生成单表基础增、删、改、查接口配置好数据库,指定代码生成父位置
![9306efd773fe0c6faad8a159876f0bb5.png](https://i-blog.csdnimg.cn/blog_migrate/6e328730b177a4c0cc28c33ba5330e62.jpeg)
运行main函数即可一键生成一套单表增删改查后台代码
![968ef8818040f1608bdb97338ac99e99.png](https://i-blog.csdnimg.cn/blog_migrate/819657c335e97cf4749df9ed02a92c05.jpeg)
![21f06e3780aac5d90f2dfd19f28f197f.png](https://i-blog.csdnimg.cn/blog_migrate/f4154ffb1a360173211124eb0edbf3ea.jpeg)
后记
这个只是一个比较简单通用的后台系统,如果加入工作流,就可以升级成基础平台,为简化业务开发,将部分通用系统功能整理成独立项目,具体业务功能通过iframe嵌入
代码开源
注:数据库文件在resources/static/sql目录下面
代码已经开源、托管GitHub、码云:
GitHub:https://github.com/huanzi-qch/base-admin
码云:https://gitee.com/huanzi-qch/base-admin