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

本文涉及的产品
日志服务 SLS,月写入数据量 50GB 1个月
密钥管理服务KMS,1000个密钥,100个凭据,1个月
简介: 推荐一套开源通用后台管理系统(附源码)

前言


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


技术栈


前端:layuijava后端:SpringBoot + Thymeleaf + WebSocket + Spring Security + SpringData-Jpa + MySql相关后台系统:1、这或许是最美的Vue+Element开源后台管理UI
2、带工作流的SpringBoot后台管理项目,一个企业级快速开发解决方案(附源码)


工程结构说明


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

image.png

image.png

运行预览


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

image.png

功能演示

登录


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

image.png

image.png

同时支持多种登录限制。


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

image.png

软删除

image.png

限制登录IP地址

image.png

账号过期

image.png

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

系统设置

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

image.png

系统设置新增部分功能,详见文末“补充更新”


菜单管理


菜单管理是一棵layui的Tree

image.png

权限管理

增删改查

image.png

动态权限加载


权限的加载并不是写死在代码,而是动态从数据库读取,每次调用save方法时更新权限集合。1、妲己是ROLE_USER权限,权限内容为空,无权访问/sys/下面的路径(http://localhost:8888/sys/sysUser/get/1)2、使用sa超级管理员进行权限管理编辑,给ROLE_USER的权限内容添加 /sys/**,妲己立即有权限访问(http://localhost:8888/sys/sysUser/get/1)

image.png

用户管理

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

image.png

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

image.png

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

image.png

用户管理新增“当前在线用户”管理,详见文末“补充更新”
登录用户信息基本信息登录用户只能修改部分信息,例如名称、修改密码

image.png

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

image.png

image.png

image.png

image.png

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

image.png

实时日志使用websocket,实时将日志输出到web页面,1秒刷新一次。注意:这里的日志配置只配置了dev环境,prod环境尚未为空,发布生产环境前记得先配置,否则生成的日志文件将不会输入日志内容!

image.png

image.png

实时监控


实时监控的是系统硬件环境、以及jvm运行时内存,注:因本人暂无Linux环境,所以只测试了windows环境,有问题请及时反馈,谢谢!
使用websocket,实时将数据输出到web页面,1秒刷新一次。

image.png

API加密

请求参数加密

image.png

响应数据加密

image.png

1、系统设置新增API加密开关,可一键关闭、开启API加密;

开启API加密

image.png

关闭API加密

image.png

关键点讲解1、定制url访问权限,动态权限读取,需要自定义配置认证数据源、认证管理器、拦截器,详情步骤请参考:https://www.jianshu.com/p/0a06496e75ea2、API加密中,由于登录校验是Spring Security做的,因此我们要在UsernamePasswordAuthenticationFilter获取账号、密码之前完成解密操作,正好我们的校验验证码操作就是在它之前,同时要做响应数据的加密操作,所以登录部分的API加密光按照我们之前的博客来还是不够的,需要在CaptchaFilterConfig进行解密操作,解密后new一个自定义RequestWrapper设置Parameter,并将这个新对象传到doFilter交由下一步处理。3、还是API加密问题,我们是在程序启动的时候生成后端RSA秘钥对,正常来说我们在访问登录页面进行登录的时候前端获取一下就可以了,但在开发环境中,我们通常开启热部署功能,改完代码程序可能会自动重启,但登录用户信息仍然保持在本地线程,系统依旧处于登录状态没有跳转到登录页面,导致后端公钥已经改变,但前端依旧用的是旧的后端公钥,所有导致加解密失败;解决:在访问index首页时也获取一下后端公钥,这样在开发的时候idea热部署后刷新页面就可以了(已提交最新代码,解决热部署后刷新页面还是API加解密失败问题;现在热部署后刷新页面即可)4、好多人都不知道,项目有工具类CodeDOM.java可以生成一套单表的完整增删改查后台代码。
配置好数据库,指定代码生成父位置。

image.png

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

image.png

image.png

后记这个只是一个比较简单通用的后台系统,如果加入工作流,就可以升级成基础平台,为简化业务开发,将部分通用系统功能整理成独立项目,具体业务功能通过iframe嵌入。1、新增百度富文本的使用。对应字段类型,mysql要改成longtext

image.png

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

image.png

image.png

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

image.png

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

image.png

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

image.png


目录
相关文章
|
7月前
|
SQL 前端开发 Java
开源通用后台管理系统
开源通用后台管理系统
160 2
|
7月前
|
JavaScript Java 关系型数据库
平面设计课程在线学习|基于SSM+vue的平面设计课程在线学习平台系统的设计与实现(源码+数据库+文档)
平面设计课程在线学习|基于SSM+vue的平面设计课程在线学习平台系统的设计与实现(源码+数据库+文档)
78 0
12 个非常适合做项目的开源后台管理系统
12 个非常适合做项目的开源后台管理系统
1267 0
|
4月前
|
开发者 UED
Axure“Web高端交互元件库”:产品与设计的得力助手
这套“Web高端交互元件库”精心构建了四大板块内容,分别是登陆首页集合、Web框架集合、表单元件集合以及主流后台组件。每一板块都包含了大量实用且美观的交互元件,设计师与开发者可以根据具体项目需求,快速找到并应用这些元件,从而大大提升工作效率。
|
JavaScript Java 关系型数据库
基于springboot+vue在线外卖点餐系统(毕业设计,源码+文档)
基于springboot+vue在线外卖点餐系统(毕业设计,源码+文档)
|
7月前
|
JavaScript Java 测试技术
基于微信小程序的校园二手交易平台的设计与实现(源码+lw+部署文档+讲解等)
基于微信小程序的校园二手交易平台的设计与实现(源码+lw+部署文档+讲解等)
239 0
|
7月前
|
JavaScript Java 关系型数据库
网络在线考试|基于SSM+vue的网络在线考试系统的设计与实现(源码+数据库+文档)
网络在线考试|基于SSM+vue的网络在线考试系统的设计与实现(源码+数据库+文档)
101 0
|
7月前
|
JavaScript NoSQL Java
社区互助|基于SSM+vue的社区互助平台的设计与实现(源码+数据库+文档)
社区互助|基于SSM+vue的社区互助平台的设计与实现(源码+数据库+文档)
150 0
|
7月前
|
前端开发 Java 测试技术
基于Web的一站式养老院的设计与实现(论文+源码)_kaic
基于Web的一站式养老院的设计与实现(论文+源码)_kaic
|
移动开发 前端开发 JavaScript
在线考试系统设计+源码
在线考试系统设计+源码
395 0
在线考试系统设计+源码