推荐一套开源通用后台管理系统（附源码）

末蓝、 2022-08-28 10:50 236阅读 0赞

**点击关注公众号，Java干货****及时送达**![f833eea09ec94bf55d56b758a307fd9d.png][]

来源：cnblogs.com/huanzi-qch/p/11534203.html

今天，推荐一个后台管理系统项目。**（源码在文末）**

上次是谁要的后台管理系统项目啊，帮你找到了！

这是我目前见过的最好的后台管理系统项目。功能完整，代码结构清晰。值得推荐。

**前言**

这套Base Admin是一套简单通用的后台管理系统，主要功能有：权限管理、菜单管理、用户管理，系统设置、实时日志，实时监控，API加密，以及登录用户修改密码、配置个性菜单等。

## **技术栈** ##

前端：layui

java后端：SpringBoot + Thymeleaf + WebSocket + Spring Security + SpringData-Jpa + MySql

相关后台系统：

1、这或许是最美的Vue+Element开源后台管理UI

2、带工作流的SpringBoot后台管理项目，一个企业级快速开发解决方案（附源码）

## **工程结构说明** ##

java部分、html、js、css部分都是大目录下面按单表一个子目录存放

![b86018da2760da4747bd0dace6d6a518.png][]

![7fbe20597996c68e0add8835902bf3d2.png][]

## **运行预览** ##

效果先睹为快，具体介绍在下方，按功能点进行详情介绍

![b70de9e42615f5ca3455d85053d3119f.png][]

## **功能演示** ##

### **登录** ###

（为了方便演示，密码输入框的类型改成text）配置文件分支选择，dev环境无需输入验证码。

![4c76a55e63e352ebdfddb013795fee54.gif][]

![e77b3d3891cfaa3d82d41afbaaeb0379.gif][]

同时支持多种登录限制。

#### 允许/禁止账号多人在线。 ####

![4d782b489d2dbc80b776d1ae51045d93.gif][]

#### **软删除** ####

![47a7b55054580a74baecbefea217d916.gif][]

#### 限制登录IP地址 ####

![99a26459c9a3fcb40ec478b9745c11fc.gif][]

#### 账号过期    ####

![1b81e35240033e5d135cc7a4e7e65f71.gif][]

更多登录限制，还可以继续扩展。

**系统设置**

一下简单的系统属性设置，想支持更多的配置可自行扩展（比如这里的：用户管理初始、重置密码）。

![21770dd75dc23700f21b653adf848073.png][]系统设置新增部分功能，详见文末“补充更新”

### **菜单管理** ###

菜单管理是一棵layui的Tree

![b977691f1e54c2398a88c7b65eade9ea.png][]

**权限管理**

增删改查

![3d6d428ecd0f5765654742ea86d18b2c.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）

![7d39198f78002f986b268754ce38ecdf.gif][]

**用户管理**

主要包括用户信息、登录限制的维护，菜单、权限的分配等。

![241dcf4a752ea5213d910dd56bdef589.png][]

修改用户权限是下一次登录生效。

![57b34645dbda19aec65222c70c4e7081.gif][]

修改用户菜单是刷新系统即可生效。

![e9405b54ec31b9d2679b6d516fac31d8.gif][]

用户管理新增“当前在线用户”管理，详见文末“补充更新”

**登录用户信息**

基本信息

登录用户只能修改部分信息，例如名称、修改密码

![7ebd90b136a33e828fa0f61b832bcc0c.png][]

**修改密码**

密码使用的是MD5加密并转换为16进制字符串存储，用户除了能主动修改密码外，还能叫管理员重置密码。

![3b6cbd0f3864f8950fd092265f79fe29.png][]![bc1b04a1edd8a18d107a0b1ea4667226.png][]![9c3f285178770c553cf33b17372f72fa.png][]

![14a5bbfee555bdd2d97c5433b530f944.gif][]

**个性菜单**

用户可以自行配置自己的个性化快捷菜单。

![04f93e2393b263a5c2815b674aee59df.png][]

**实时日志**

使用websocket，实时将日志输出到web页面，1秒刷新一次。

注意：这里的日志配置只配置了dev环境，prod环境尚未为空，发布生产环境前记得先配置，否则生成的日志文件将不会输入日志内容！

![cf171edeca517b05ca0bbf990ac12730.png][]

![cb285cc9813aefa00120854dff26a503.png][]

### **实时监控** ###

实时监控的是系统硬件环境、以及jvm运行时内存，注：因本人暂无Linux环境，所以只测试了windows环境，有问题请及时反馈，谢谢！

使用websocket，实时将数据输出到web页面，1秒刷新一次。

![31c0a3b436e75681eb4a7f15875d91e4.gif][]**API加密**

请求参数加密

![9641ec1ad74714ea2c1be22d064a4407.png][]

响应数据加密

![af39f9b93128ef752138eb94efdb7b8d.png][]1、系统设置新增API加密开关，可一键关闭、开启API加密；

开启API加密

![9f792d7197f3db63790f32f2ea66d2b3.png][]关闭API加密

![f8fb1f5ded959cc1eb55432410dc50ab.png][]

**关键点讲解**

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可以生成一套单表的完整增删改查后台代码。

配置好数据库，指定代码生成父位置。

![9e0b194c6b5c1607a3d5020ed9031246.png][]

运行main函数即可一键生成一套单表增删改查后台代码。

![f9e959ffaee9a9d9688cd5dd85bae576.png][]

![26fe79e1a9720f45f3ab62f7e8bf6ad1.png][]

**后记**

这个只是一个比较简单通用的后台系统，如果加入工作流，就可以升级成基础平台，为简化业务开发，将部分通用系统功能整理成独立项目，具体业务功能通过iframe嵌入。

1、新增百度富文本的使用。

对应字段类型，mysql要改成longtext

![3bfb0e726ad90c151cf4de7669407792.png][]

2、新增“”记住我“”功能，也就是rememberMe，原理以及源码探究请看这位大佬的博客：https://blog.csdn.net/qq\_37142346/article/details/80114609

![0b09b43c79de2decf1c7bf6641be7514.png][]![b37c0dd806d2aa3230f4bd5f8ba1e29d.png][]

需要新增一张表，SQL文件我也以及更新了。

![a850dc6015b14f9cac85e30d3ba55fb4.png][]

4、系统设置新增系统颜色，头部、左侧菜单的颜色可按心情切换（SQL文件已同步更新）

![5115df6f7660f70336483065ba5d8cc4.png][]

5、用户管理模块新增“当前在线用户”管理，可实时查看当前在线用户，以及对当前在线用户进行强制下线操作。

![29d60cd4ecdffe70c3ba76a718871706.gif][]

**代码开源**

注：数据库文件在resources/static/sql目录下面

**项目源码**

点击下方卡片

关注后回复【**后台系统**】立即获取

[f833eea09ec94bf55d56b758a307fd9d.png]: /images/20220828/b5824cd7d6ad4cc7988c5638b86850ea.png
[b86018da2760da4747bd0dace6d6a518.png]: /images/20220828/c774697d201e4ae38f88de01f455a7b7.png
[7fbe20597996c68e0add8835902bf3d2.png]: /images/20220828/c175ff41e20f44418ce339f494812a0b.png
[b70de9e42615f5ca3455d85053d3119f.png]: /images/20220828/049be4ea0f3848e7af3904a46bd21bad.png
[4c76a55e63e352ebdfddb013795fee54.gif]: /images/20220828/747388739205498b8989074bfca2c549.png
[e77b3d3891cfaa3d82d41afbaaeb0379.gif]: /images/20220828/dca0d1da10c64dc19168b73e23085aa0.png
[4d782b489d2dbc80b776d1ae51045d93.gif]: /images/20220828/b05de43c82244d8298f4e64e826d061f.png
[47a7b55054580a74baecbefea217d916.gif]: /images/20220828/39a5b1789fec42efbf4fecbefbb51c07.png
[99a26459c9a3fcb40ec478b9745c11fc.gif]: /images/20220828/2a7bfee270324b33869a6e5300d5f857.png
[1b81e35240033e5d135cc7a4e7e65f71.gif]: /images/20220828/d0b37c1289d7429ba33713e24a6658e3.png
[21770dd75dc23700f21b653adf848073.png]: /images/20220828/42dfd4a899944a9d916036bf3d635617.png
[b977691f1e54c2398a88c7b65eade9ea.png]: /images/20220828/42ad8e5ba78d4d5da5dd62f3277c6ceb.png
[3d6d428ecd0f5765654742ea86d18b2c.gif]: /images/20220828/28945be8edf5428d9cef1b9956014d44.png
[7d39198f78002f986b268754ce38ecdf.gif]: /images/20220828/6e0580dbb355452997848cf3ff2c9940.png
[241dcf4a752ea5213d910dd56bdef589.png]: /images/20220828/939c5df199234efd9ea3e791f78ad25f.png
[57b34645dbda19aec65222c70c4e7081.gif]: /images/20220828/62b50e6ce8384170b140ac8f501022c4.png
[e9405b54ec31b9d2679b6d516fac31d8.gif]: /images/20220828/7f44a6a65ab3434783ec81d23eb967d6.png
[7ebd90b136a33e828fa0f61b832bcc0c.png]: /images/20220828/f14a8a2795a744d1b6748195dbd2d903.png
[3b6cbd0f3864f8950fd092265f79fe29.png]: https://img-blog.csdnimg.cn/img_convert/3b6cbd0f3864f8950fd092265f79fe29.png
[bc1b04a1edd8a18d107a0b1ea4667226.png]: https://img-blog.csdnimg.cn/img_convert/bc1b04a1edd8a18d107a0b1ea4667226.png
[9c3f285178770c553cf33b17372f72fa.png]: /images/20220828/57bd5caf0e404e078422be6a32fd6755.png
[14a5bbfee555bdd2d97c5433b530f944.gif]: /images/20220828/0c4d8ec6d7ed4f3b809ecf4d89647161.png
[04f93e2393b263a5c2815b674aee59df.png]: /images/20220828/a7a9ccd56c5e429da8939459ecbd9bee.png
[cf171edeca517b05ca0bbf990ac12730.png]: /images/20220828/583163df5c33418ea753ec5475221f6a.png
[cb285cc9813aefa00120854dff26a503.png]: /images/20220828/4178b7dd4a734501be40aa891e49b68d.png
[31c0a3b436e75681eb4a7f15875d91e4.gif]: /images/20220828/48a90e99137b46e591ae835575077d35.png
[9641ec1ad74714ea2c1be22d064a4407.png]: /images/20220828/e756864c3c3345158676530152beb4e4.png
[af39f9b93128ef752138eb94efdb7b8d.png]: /images/20220828/415d9c4a244e451dba1b7176fd5dfdb9.png
[9f792d7197f3db63790f32f2ea66d2b3.png]: /images/20220828/3793314befeb4c619057deda88dc6551.png
[f8fb1f5ded959cc1eb55432410dc50ab.png]: /images/20220828/18a160c4da2649dd8581e67d60b81e58.png
[9e0b194c6b5c1607a3d5020ed9031246.png]: /images/20220828/902669aa2cf64bb9abefeffd89bf3759.png
[f9e959ffaee9a9d9688cd5dd85bae576.png]: /images/20220828/09a146052b5d459b9a67c35796ff4489.png
[26fe79e1a9720f45f3ab62f7e8bf6ad1.png]: /images/20220828/8298bc6bbd534d77b1c01d866d880c7b.png
[3bfb0e726ad90c151cf4de7669407792.png]: /images/20220828/730b7af0cfba4a179c586636c6fe3636.png
[0b09b43c79de2decf1c7bf6641be7514.png]: https://img-blog.csdnimg.cn/img_convert/0b09b43c79de2decf1c7bf6641be7514.png
[b37c0dd806d2aa3230f4bd5f8ba1e29d.png]: /images/20220828/8bbe08b27ce84035b133bc967341b642.png
[a850dc6015b14f9cac85e30d3ba55fb4.png]: /images/20220828/10f81b35d5f14a289cf67e4223f8a030.png
[5115df6f7660f70336483065ba5d8cc4.png]: /images/20220828/a018f005680643288de5e7fddfe4323c.png
[29d60cd4ecdffe70c3ba76a718871706.gif]: /images/20220828/249aab2a72384028983d0e1ef698b5c0.png