spring security thymeleaf 自定义登录页面

最新推荐文章于 2023-12-31 00:06:41 发布

De_you123

最新推荐文章于 2023-12-31 00:06:41 发布

阅读量1.2k

点赞数

分类专栏： Spring Boot 文章标签： spring security thymeleaf java

本文链接：https://blog.csdn.net/qq_21344887/article/details/120236007

版权

Spring Boot 专栏收录该内容

38 篇文章 0 订阅

订阅专栏

引入依赖

<dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-security</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>

自定义登录页面 /templates/myLogin.html

<!DOCTYPE html>
<html lang="en"  xmlns:sec="http://www.thymeleaf.org/extras/spring-security">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<style>
    div{
        text-align: center;
    }
</style>
<body>
<div class="main">
    <form class="login-form"  action="doLogin" method="post" novalidate >
        <!--输入框-->
        <div class="input-content">
            <!--autoFocus-->
            <div>
                <label for="username" >用户名:</label><br>
                <input id="username" type="text" autocomplete="off"
                       placeholder="用户名" name="username" required/>
            </div>
            <div >
                <label for="password" >密码:</label><br>
                <input id="password" type="password"
                       autocomplete="off" placeholder="登录密码" name="password" required maxlength="32"/>
            </div>      
        </div>
        <!--登入按钮-->
        <div >
            <button type="submit" >登录</button>
        </div>
    </form>
</div>
</body>
</html>

配置WebSecurityConfig

@Configuration
public class SecurityConfig extends WebSecurityConfigurerAdapter {
    @Override
    protected void configure(HttpSecurity http) throws Exception {
        http.authorizeRequests()
                //.antMatchers("/myLogin.html","doLogin").permitAll()
                .anyRequest()
                .authenticated()
            .and()
                .formLogin()
                .loginPage("/myLogin.html")
                //.defaultSuccessUrl("/hello",true)
                .successForwardUrl("/hello")
                .loginProcessingUrl("/doLogin")
                .permitAll()
            .and()
                .csrf().disable();
    }
}

配置登录页面动态LoginController控制器

@Controller
public class LoginController {
    @GetMapping("/myLogin.html")
    public String login(){
        return "myLogin";
    }
}

配置登录成功页面控制器

@RestController
public class HelloConrotller {
    @RequestMapping("/hello")
    public String hello(){
        return "hello";
    }
}

注意事项：
配置 .successForwardUrl("/hello")
时，
使用
@RequestMapping("/hello")
使用GetMapping(“hello”) 会报错。

使用thymeleaf 是动态加载页面，要使用
@Controller
public class LoginController {
@GetMapping("/myLogin.html")
public String login(){
return “myLogin”;
}
}
进行页面跳转。
否则访问不到自定义的登录页面。
如果不适用thymeleaf 可以把自定义的登陆页面放在static 文件夹内或者public 文件内，不配置LoginController 就可以直接访问自定义的登录页面。

这里为了便于测试在application.properties 文件中配置了用户名和密码

spring.security.user.name=user
spring.security.user.password=123

项目源码地址
https://codechina.csdn.net/qq_21344887/spring-security-demo/-/tree/master/chapter03/spring-security-thymeleaf

De_you123

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录