后台登陆功能设计（个人博客）

最新推荐文章于 2025-04-16 17:00:00 发布

大头0～0

最新推荐文章于 2025-04-16 17:00:00 发布

阅读量260

点赞数

分类专栏：个人博客项目

本文链接：https://blog.youkuaiyun.com/datou0_0/article/details/114199322

版权

个人博客项目专栏收录该内容

13 篇文章

订阅专栏

后台登陆功能设计（个人博客）

Spring Security是一个能够为基于Spring的企业应用系统提供声明式的安全访问控制解决方案的安全框架。它提供了一组可以在Spring应用上下文中配置的Bean，充分利用了Spring IoC，DI（控制反转Inversion of Control ,DI:Dependency Injection 依赖注入）和AOP（面向切面编程）功能，为应用系统提供声明式的安全访问控制功能，减少了为企业系统安全控制编写大量重复代码的工作。

一、自定义登陆页面

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>Signin Template for Bootstrap</title>
    <!-- Bootstrap core CSS -->
    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
    <!-- Custom styles for this template -->
    <link th:href="@{/css/signin.css}" rel="stylesheet">
</head>
<body class="text-center">
<form class="form-signin" th:action="@{/login}" method="post">
    <img class="mb-4" th:src="@{/img/bootstrap-solid.svg}" alt="" width="72" height="72">
    <h1 class="h3 mb-3 font-weight-normal" th:text="#{login.tip}"></h1>
    <p style="color:red" th:text="${msg}" th:if="${not #strings.isEmpty(msg)}"></p>
    <label class="sr-only"></label>
    <input type="text" name="username" class="form-control" th:placeholder="#{login.username}" required="" autofocus="">
    <label class="sr-only"></label>
    <input type="password" name="password" class="form-control" th:placeholder="#{login.password}" required="">
    <div class="checkbox mb-3">
        <label>
            <input type="checkbox" th:text="#{login.remember}" name="remember">
        </label>
    </div>
    <button class="btn btn-lg btn-primary btn-block" type="submit" th:text="#{login.btn}"></button>
    <p class="mt-5 mb-3 text-muted">© 2021-2022</p>
    <!--这里传入参数不需要使用?使用key=value-->
    <a class="btn btn-sm" th:href="@{/begin.html(l='zh_CN')}">中文</a>
    <a class="btn btn-sm" th:href="@{/begin.html(l='en_US')}">English</a>
</form>
</body>
</html>

二、编写config配置

@EnableWebSecurity
public class securityConfig extends WebSecurityConfigurerAdapter {
    @Autowired
    private MyUserService myUserService;
//    定制请求的授权规则
    @Override
    protected void configure(HttpSecurity http) throws Exception {

         http.authorizeRequests().antMatchers("/").permitAll()
                    .antMatchers("/admin/**").hasRole("USER");
//
//        开启自动配置的登录功能：如果没有权限，就会跳转到登录页面！
//         /login 请求来到登录页
//         /login?error 重定向到这里表示登录失败
        http.formLogin()
                .usernameParameter("username")
                .passwordParameter("password")
                .loginPage("/toLogin")
                .loginProcessingUrl("/login"); // 登陆表单提交请求

        //开启自动配置的注销的功能
        // /logout 注销请求
        // .logoutSuccessUrl("/"); 注销成功来到首页

        http.csrf().disable();//关闭csrf功能:跨站请求伪造,默认只能通过post方式提交logout请求
        http.logout().logoutSuccessUrl("/");

    }

//    定义认证规则
    @Override
    protected void configure(AuthenticationManagerBuilder auth) throws Exception {
        //在内存中定义，也可以在jdbc中去拿....
        //Spring security 5.0中新增了多种加密方式，也改变了密码的格式。
        //要想我们的项目还能够正常登陆，需要修改一下configure中的代码。我们要将前端传过来的密码进行某种方式加密
        //spring security 官方推荐的是使用bcrypt加密方式。
        auth.userDetailsService(myUserService).passwordEncoder(new BCryptPasswordEncoder());
    }
}

从数据库获取数据用作验证需添加

@Component
public class MyUserService implements UserDetailsService {
    @Autowired
    private UserService userService;
    @Override
    public UserDetails loadUserByUsername(String s) throws UsernameNotFoundException {
        //  通过用户名s去数据库里查找用户以及用户权限
        //  然后返回User对象，注意，这里的User对象是org.springframework.security.core.userdetails.User
        com.pang.pojo.User user = userService.getByName(s);
        return new User(s,new BCryptPasswordEncoder().encode(user.getPassword()), AuthorityUtils.commaSeparatedStringToAuthorityList("ROLE_ADMIN,ROLE_USER"));
    }
}

添加视图解释器

registry.addViewController("/toLogin").setViewName("login");