Spring Boot2 + Spring Security5 资源菜单按钮动态显示(7)

前言

上篇文章介绍了动态用户角色资源的权限管理,在结尾,也提到了个比较实际的问题

一般系统是不会让用户去点击了菜单才发现没有权限访问,而是针对不同的用户,动态显示不同的菜单

简单介绍

那么怎么实现呢,通过Spring Securiyt的标签和后台动态标签验证就可以解决

那么,要想引用Spring Security标签,那么就要引入相应的标签库,因为小编这里用的前端模板是Thymeleaf,所以引入标签库如下:

<dependency>
    <groupId>org.thymeleaf.extras</groupId>
    <artifactId>thymeleaf-extras-springsecurity5</artifactId>
</dependency>

注意,因为我这里使用的是 Spring Security5 的版本,所以对应也是

thymeleaf-extras-springsecurity5

如果是 Spring Security4 的话对应就是

thymeleaf-extras-springsecurit4

然后每个页面只需要在html头部引入

xmlns:sec=“http://www.thymeleaf.org/extras/spring-security”

即可使用 Spring Security 标签库

实现

这里基本介绍就介绍完了,下面开始说下怎么实现的动态显示菜单的问题

在需要动态显示的菜单上,加上

<标签 sec:authorize=“hasAuthority(‘key’)”>

key则为资源表中的资源标识字段

那我们看看接上篇文章的代码,现在我想给我的菜单1、菜单2、菜单3动态显示,那么实现代码如下:

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/extras/spring-security">
<head>
    <meta charset="UTF-8">
    <title>index页</title>
</head>
<body>
index页<br/><br/>

<span sec:authorize="hasAuthority('menu1')">
    <button id="menu1Btn" type="button" onclick="sendAjax('/menu1')">菜单1</button>
</span>

<span sec:authorize="hasAuthority('menu2')">
    <button id="menu2Btn" type="button" onclick="sendAjax('/menu2')">菜单2</button>
</span>

<span sec:authorize="hasAuthority('menu3')">
    <button id="menu3Btn" type="button" onclick="sendAjax('/menu3')">菜单3</button>
</span>

<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript">

    function sendAjax(url) {

        $.ajax({
            type: "GET",
            url: url,
            dataType: "text",
            success: function (data) {
                console.log(data);
            }
        });
    }



</script>
</body>
</html>

那么到这里我们就算完成了,我们看看效果

这里我们先用admin管理员角色登录,首页如下:
在这里插入图片描述

然后,再用teacher1教师角色登录,首页如下:
在这里插入图片描述

最后,再用student1学生角色登录,首页如下:
在这里插入图片描述

可以看到,对应不同的权限,显示不同的资源按钮

那么基本代码和效果也演示完毕了

demo也已经放到github,获取方式在文章的Spring Boot2 + Spring Security5 系列搭建教程开头篇(1) 结尾处

如果小伙伴遇到什么问题,或者哪里不明白欢迎评论或私信,也可以在公众号里面私信问都可以,谢谢大家~

  • 3
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值