springboot整合springsecurity易上手

最新推荐文章于 2024-07-05 17:43:20 发布

qq_44221093

最新推荐文章于 2024-07-05 17:43:20 发布

阅读量94

点赞数

分类专栏：笔记文章标签： java

本文链接：https://blog.csdn.net/qq_44221093/article/details/108540577

版权

笔记专栏收录该内容

31 篇文章 0 订阅

订阅专栏

第一步：建立web项目导入依赖
在这里插入图片描述

springboot 用2.1/2.x的版本比较好

2.编写config类
在这里插入图片描述

3.编写controller类

4.页面设计

index.html

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/extras/spring-security5">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--如果没有登录，显示登录页面-->
<div sec:authorize="!isAuthenticated()">
    <a th:href="@{/toLogin}">登录</a>
</div>
<div sec:authorize="isAuthenticated()">
    <a>
        用户名：<span sec:authentication="name"></span>
    </a>
    <a th:href="@{/logout}">退出登录</a>
</div>
<div sec:authorize="hasRole('1')">
    <span>我有1的权限</span>
</div>
<div sec:authorize="hasRole('2')">
    <span>我有2的权限</span>
</div>
<div sec:authorize="hasRole('3')">
    <span>我有3的权限</span>
</div>
<h1>登陆成功</h1>
<button onclick="check(this)" data-href="/java">检测java角色</button>
<button onclick="check(this)" data-href="/docker">检测docker角色</button>
<button onclick="check(this)" data-href="/php">检测php角色</button>
<button onclick="check(this)" data-href="/custom">检测自定义匹配器</button>
</body>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script>
    function check(e) {
        var url = e.dataset.href;
        $.ajax({
            type: "get",
            url: url,
            success: function (e) {
                alert(e)
            },
            error: function (e, a, b) {
                console.log(e);
                alert("没有权限")
            }
        });
    }
</script>
</html>