Spring-MVC中JQuery动态添加按钮的Spring Security权限控制问题

我来帮你搞定这个仅让Superadmin角色看到Add按钮的需求，结合Spring Security的标签和你的现有JS代码，有几个简单可行的方案：

方案一：通过隐藏标记判断权限 #

这个思路是先在页面里用Spring Security标签渲染一个仅Superadmin能看到的隐藏元素，然后JS根据这个元素是否存在来决定是否添加按钮。

1. 首先确保你的JSP页面已经引入Spring Security标签库：

<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags" %>

2. 在页面的任意位置（比如<body>标签内）添加这个隐藏的权限标记：

<sec:authorize access="hasRole('Superadmin')">
    <div id="isSuperadmin" style="display: none;"></div>
</sec:authorize>

注意：如果你的角色实际是带ROLE_前缀的（比如ROLE_Superadmin），hasRole('Superadmin')会自动帮你加上前缀；如果想精确匹配角色名称，改用hasAuthority('Superadmin')即可。

3. 修改你的JS代码，先判断标记是否存在再添加按钮：

// 检查当前用户是否有Superadmin角色
if ($("#isSuperadmin").length > 0) {
    $("div.toolbar").html('<div class="table-tools-actions"> <button class="btn btn-primary" id="addBtn"> Add </button> </div>');
}

方案二：直接渲染按钮模板再由JS调用 #

这个方案是把按钮的HTML结构放在Spring Security的授权块里作为隐藏模板，JS直接读取这个模板的内容来添加，避免在JS里硬写HTML。

1. 同样先引入Spring Security标签库，然后在页面添加隐藏的按钮模板：

<sec:authorize access="hasRole('Superadmin')">
    <div id="addBtnTemplate" style="display: none;">
        <div class="table-tools-actions"> 
            <button class="btn btn-primary" id="addBtn"> Add </button> 
        </div>
    </div>
</sec:authorize>

2. 修改JS代码，读取模板内容并添加到工具栏：

var addBtnContent = $("#addBtnTemplate").html();
// 如果模板存在（说明用户是Superadmin），就添加到工具栏
if (addBtnContent) {
    $("div.toolbar").html(addBtnContent);
}

额外提示 #

• 如果你使用的是Thymeleaf模板引擎而非JSP，思路是一样的，只需把Spring Security标签换成Thymeleaf的方言，比如：

<div th:if="${#authorization.expression('hasRole(''Superadmin'')')}" id="isSuperadmin" style="display: none;"></div>

• 确保你的Spring Security配置已经正确启用了标签库的支持，比如在XML配置里添加：

<security:expression-handler ref="webExpressionHandler"/>

或者在Java配置里确保WebSecurityConfigurerAdapter的配置正确。

内容的提问来源于stack exchange，提问作者Dimitris Pattas