Spring Security自帶的登錄界面比較簡(jiǎn)單，不能完成多變的需求，這章來完成自定義登錄界面。
修改配置
在configure(HttpSecurity http)中眠饮，.formLogin().loginPage加入自定義界面的URI摸航，使Spring Security跳轉(zhuǎn)到自己定義的一個(gè)地址制跟。代碼：
@Override
protected void configure(HttpSecurity http) throws Exception {
http
.authorizeRequests()
.antMatchers("/", "/home").permitAll() // 這三個(gè)目錄不做安全控制
.anyRequest().authenticated()
.and()
.formLogin().loginPage("/login").permitAll(); // 自定義的登錄頁面
}
寫界面
路徑配置好了，需要把“/login”實(shí)現(xiàn)酱虎。在“com.biboheart.demos.security”中創(chuàng)建一個(gè)controller包（把安全控制相關(guān)的都加到在com.biboheart.demos.security包下進(jìn)行）。在com.biboheart.demos.security.controller下創(chuàng)建Class擂涛，名稱為SecurityController读串。完成“l(fā)ogin”頁面導(dǎo)航。
package com.biboheart.demos.security.controller;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
@Controller
public class SecurityController {
@RequestMapping(value = "/login", method = {RequestMethod.GET})
public String getAccessConfirmation() {
return "login";
}
}
在templates下創(chuàng)建login.html
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:th="http://www.thymeleaf.org">
<head>
<title>Spring Security Example</title>
</head>
<body>
<form th:action="@{/login}" method="post">
<div>
<label> 用戶名: <input type="text" name="username" />
</label>
</div>
<div>
<label> 密碼: <input type="password" name="password" />
</label>
</div>
<div>
<input type="submit" value="登錄" />
</div>
</form>
</body>
</html>
啟動(dòng)項(xiàng)目撒妈，訪問http://localhost
點(diǎn)擊連接“這里”跳轉(zhuǎn)hello頁面恢暖，卻跳轉(zhuǎn)到了自己寫的登錄界面。是不是與上一章節(jié)《Spring Security實(shí)現(xiàn)用戶登錄》不同了狰右。
貌似比它自帶的要丑杰捂，這個(gè)可以用CSS隨意處理了。
輸入用戶名：user棋蚌，密碼：123嫁佳，點(diǎn)擊登錄。進(jìn)入hello頁面谷暮。
退出登錄
前面沒做退出功能蒿往，界面有了登錄還要有退出，這樣才完整湿弦。
先在Hello界面中加個(gè)跳轉(zhuǎn)到首頁的瓤漏。
// hello.html
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:th="http://www.thymeleaf.org">
<head>
<title>Hello World!</title>
</head>
<body>
<p>
點(diǎn)擊 <a th:href="@{/}">這里</a> 返回首頁.
</p>
<h1 th:inline="text">Hello</h1>
</body>
</html>
結(jié)果如下，點(diǎn)擊“這里”后可以加到首頁
在界面中加入下面代碼就可以實(shí)現(xiàn)登出颊埃。
<form th:action="@{/logout}" method="post">
點(diǎn)擊<input type="submit" value="登出" />
</form>
界面效果蔬充，點(diǎn)擊“登出”即可退出登錄，默認(rèn)跳轉(zhuǎn)到/login頁面班利。
這里有個(gè)問題饥漫，不論有沒有登錄都會(huì)顯示登出按鈕。如果在需要登錄的頁面還好肥败，在首頁登出的話就需要判斷一下當(dāng)前是否有用戶登錄中趾浅，有的話才顯示。Spring Security 提供了 thymeleaf 標(biāo)簽馒稍，需要在pom.xml中引入皿哨。
<dependency>
<groupId>org.thymeleaf.extras</groupId>
<artifactId>thymeleaf-extras-springsecurity5</artifactId>
</dependency>
修改頁面中登出按鈕
<div sec:authorize="isAuthenticated()">
登錄者:<span sec:authentication="name"></span>
<form th:action="@{/logout}" method="post">
點(diǎn)擊<input type="submit" value="登出" />
</form>
</div>
配置登出后頁面
如果登出后想要返回到首頁，可以改配置文件登出后跳轉(zhuǎn)的URL纽谒。
@Override
protected void configure(HttpSecurity http) throws Exception {
http
.authorizeRequests()
.antMatchers("/", "/home").permitAll() // 這三個(gè)目錄不做安全控制
.anyRequest().authenticated()
.and()
.formLogin()
.loginPage("/login")// 自定義的登錄頁面
.permitAll()
.and()
.logout()
.logoutSuccessUrl("/");
}
