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

最新推荐文章于 2024-09-10 14:58:05 发布

Ceruleano

最新推荐文章于 2024-09-10 14:58:05 发布

阅读量1.7k

点赞数 3

分类专栏： java spring security spring boot

本文链接：https://blog.csdn.net/wamr_o/article/details/99630121

版权

spring boot 同时被 3 个专栏收录

10 篇文章 3 订阅

订阅专栏

java

9 篇文章 0 订阅

订阅专栏

spring security

7 篇文章 2 订阅

订阅专栏

前言

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

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

简单介绍

那么怎么实现呢，通过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>