layui生产管理系统_一套简单通用的 Java 后台管理系统,拿来即用(附项目地址)...

749ffdc3789b556ab106777999f34c5e.gif

来源:cnblogs.com/huanzi-qch/p/11534203.html
  • 前言
  • 技术栈
  • 功能演示
  • 关键点讲解
  • 更新
  • 代码地址
前言

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

技术栈

前端:layui

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

工程结构说明

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

运行预览

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

功能演示

登录

(为了方便演示,密码输入框的类型改成text) 配置文件分支选择,dev环境无需输入验证码
f959a3d1d94290f10954b73bee89d48b.gif
a810af6fb4ad0f3ee74f024c7022d190.gif
同时支持多种登录限制

允许/禁止账号多人在线

1cbb28a7c4377353db903c96dd54dc2b.gif
软删除
513ecd39e11e80c12098723298c84a20.gif

限制登录IP地址

3232e9d5fdd2f8dc6d087df92c859aec.gif

账号过期

2314abdc37d7712ca6d4bbb9e2138c2d.gif
更多登录限制,还可以继续扩展

系统设置 一下简单的系统属性设置,想支持更多的配置可自行扩展(比如这里的:用户管理初始、重置密码)
8091a4bf2dbf54f7e90e8de827aac0a1.png
系统设置新增部分功能,详见文末“补充更新”。

菜单管理

菜单管理是一棵layui的Tree 增删改
e417fd12f1a8ed66152e07cf64e20fe3.png

权限管理

增删改查
3631c832518a0f7803c2ff23e1e8ff3c.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)
c86c0b06ed328ca5f37c72e17078981c.gif

用户管理

主要包括用户信息、登录限制的维护,菜单、权限的分配等
5fdddec95996a773415b36e05bfdc7b5.png
修改用户权限是下一次登录生效
afa384f162618bc82902fa667c36a26a.gif
修改用户菜单是刷新系统即可生效
b37f3287883741ae8033848bd2cea275.gif
用户管理新增“当前在线用户”管理,详见文末“补充更新”。

登录用户信息

基本信息 登录用户只能修改部分信息,例如名称、修改密码
d2cbadbea6205ab406b34b254a900f7e.png
修改密码 密码使用的是MD5加密并转换为16进制字符串存储,用户除了能主动修改密码外,还能叫管理员重置密码
45e15613030b3f473f4957799af958af.png
72fa2af34c86bc17e5f982c176eae13e.gif
个性菜单 用户可以自行配置自己的个性化快捷菜单
60a2d227207d13d34bc395c3deaeba31.png

实时日志

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

a09943d6311d22346c7e831b326b4083.png

img
9d44f66dce66bae66a234dbdd5a72fe5.png

实时监控

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

API加密

请求参数加密
574f97ecdef51ea11cc37ef42dd0d6cf.png
响应数据加密
79d034b44b1e26553cd0c1c3918e3148.png
1、系统设置新增API加密开关,可一键关闭、开启API加密; 开启API加密
01b1944400b20267e95cf292ddfb034c.png
关闭API加密
1f50ea7b1bd27e3922ba7345735a1960.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加解密失败问题;现在热部署后刷新页面即可)。

更新 1、新增百度富文本的使用,但还没配置上传接口: UEditor文档: http://fex.baidu.com/ueditor/#start-start 对应字段类型,mysql要改成longtext
29aee078c03a1e8dc27af6596e55d947.png
2、新增“”记住我“”功能,也就是rememberMe,原理以及源码探究请看这位大佬的博客: https://blog.csdn.net/qq_37142346/article/details/80114609
62721dbf2a2389d3d33fd9432adbaf65.png
698fbf88d62d617d7c9ae077af8fda0b.png
3、系统设置新增系统颜色,头部、左侧菜单的颜色可按心情切换(SQL文件已同步更新)
ddb4496f87ce55a09e478de18b23ef07.png
4、用户管理模块新增“当前在线用户”管理,可实时查看当前在线用户,以及对当前在线用户进行强制下线操作
189d081518ed67120a651e918d468153.gif

代码地址 强烈推荐下艿艿正在开源的 Spring Cloud Alibaba + Vue 开源项目:
  • 后端:https://github.com/YunaiV/onemall/tree/master-new
  • 前端:https://github.com/YunaiV/onemall-web
努力重构 ing~
  • GitHub:https://github.com/huanzi-qch/base-admin
  • 码云:https://gitee.com/huanzi-qch/base-adm
-End-

往期推荐

如何假装一个成熟的职场人

腾讯员工每天在岗不足8小时被辞退背后的职场真相!

跟个风,各行各业程序员的一天

Chrome总是提示这个!要疯!

小黑手把手教你成为一个搜索达人

 可乐记得加冰,爱我就要置顶 

6103ecead7ba3033583c1ae4ce675062.png素质三连biubiubiu~66a885ede27c504ad4c54a0a5d5b8ee9.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值