💄 Updating the UI and style files. form login error info

pigx-auth/src/main/java/com/pig4cloud/pigx/auth/config/WebSecurityConfigurer.java

@@ -19,6 +19,7 @@
 
 package com.pig4cloud.pigx.auth.config;
 
+import com.pig4cloud.pigx.common.security.handler.FormAuthenticationFailureHandler;
 import com.pig4cloud.pigx.common.security.handler.MobileLoginSuccessHandler;
 import com.pig4cloud.pigx.common.security.mobile.MobileSecurityConfigurer;
 import lombok.SneakyThrows;
@@ -32,6 +33,7 @@ import org.springframework.security.config.annotation.web.builders.WebSecurity;
 import org.springframework.security.config.annotation.web.configuration.WebSecurityConfigurerAdapter;
 import org.springframework.security.crypto.factory.PasswordEncoderFactories;
 import org.springframework.security.crypto.password.PasswordEncoder;
+import org.springframework.security.web.authentication.AuthenticationFailureHandler;
 import org.springframework.security.web.authentication.AuthenticationSuccessHandler;
 
 /**
@@ -47,18 +49,19 @@ public class WebSecurityConfigurer extends WebSecurityConfigurerAdapter {
 	@SneakyThrows
 	protected void configure(HttpSecurity http) {
 		http
-			.formLogin()
-			.loginPage("/token/login")
-			.loginProcessingUrl("/token/form")
-			.and()
-			.authorizeRequests()
-			.antMatchers(
-				"/token/**",
-				"/actuator/**",
-				"/mobile/**").permitAll()
-			.anyRequest().authenticated()
-			.and().csrf().disable()
-			.apply(mobileSecurityConfigurer());
+				.formLogin()
+				.loginPage("/token/login")
+				.loginProcessingUrl("/token/form")
+				.failureHandler(authenticationFailureHandler())
+				.and()
+				.authorizeRequests()
+				.antMatchers(
+						"/token/**",
+						"/actuator/**",
+						"/mobile/**").permitAll()
+				.anyRequest().authenticated()
+				.and().csrf().disable()
+				.apply(mobileSecurityConfigurer());
 	}
 
 	/**
@@ -78,6 +81,11 @@ public class WebSecurityConfigurer extends WebSecurityConfigurerAdapter {
 		return super.authenticationManagerBean();
 	}
 
+	@Bean
+	public AuthenticationFailureHandler authenticationFailureHandler() {
+		return new FormAuthenticationFailureHandler();
+	}
+
 	@Bean
 	public AuthenticationSuccessHandler mobileLoginSuccessHandler() {
 		return new MobileLoginSuccessHandler();

pigx-auth/src/main/java/com/pig4cloud/pigx/auth/endpoint/PigxTokenEndpoint.java

@@ -74,11 +74,13 @@ public class PigxTokenEndpoint {
 	 * 认证页面
 	 *
 	 * @param modelAndView
+	 * @param error        表单登录失败处理回调的错误信息
 	 * @return ModelAndView
 	 */
 	@GetMapping("/login")
-	public ModelAndView require(ModelAndView modelAndView) {
+	public ModelAndView require(ModelAndView modelAndView, @RequestParam(required = false) String error) {
 		modelAndView.setViewName("ftl/login");
+		modelAndView.addObject("error", error);
 		return modelAndView;
 	}
 

pigx-auth/src/main/resources/logback-spring.xml

@@ -80,7 +80,7 @@
 		<appender-ref ref="error"/>
 	</logger>
 	<!-- Level: FATAL 0  ERROR 3  WARN 4  INFO 6  DEBUG 7 -->
-	<root level="debug">
+	<root level="INFO">
 		<appender-ref ref="console"/>
 		<appender-ref ref="debug"/>
 	</root>

pigx-auth/src/main/resources/templates/ftl/login.ftl

@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
+<head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1">
@@ -12,20 +12,23 @@
 
     <link href="/css/bootstrap.min.css" rel="stylesheet">
     <link href="/css/signin.css" rel="stylesheet">
-  </head>
+</head>
 
-  <body class="sign_body">
-    <div class="container form-margin-top">
-      <form class="form-signin" action="/token/form" method="post">
+<body class="sign_body">
+<div class="container form-margin-top">
+    <form class="form-signin" action="/token/form" method="post">
         <h2 class="form-signin-heading" align="center">统一认证系统</h2>
         <input type="text" name="username" class="form-control form-margin-top" placeholder="账号" required autofocus>
         <input type="password" name="password" class="form-control" placeholder="密码" required>
         <button class="btn btn-lg btn-primary btn-block" type="submit">sign in</button>
-      </form>
-    </div>
-    <footer>
-      <p>support by: pig4cloud</p>
-      <p>email: <a href="mailto:wangiegie@gmail.com">wangiegie@gmail.com</a>.</p>
-    </footer>
-  </body>
+        <#if error??>
+            <span style="color: red; ">${error}</span>
+        </#if>
+    </form>
+</div>
+<footer>
+    <p>support by: pig4cloud</p>
+    <p>email: <a href="mailto:wangiegie@gmail.com">wangiegie@gmail.com</a>.</p>
+</footer>
+</body>
 </html>