login.html:
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"/> <title>Login</title> <link th:href="@{~/css/bootstrap.min.css}" type="text/css" rel="stylesheet"/> <link th:href="@{~/css/bootstrap-theme.min.css}" type="text/css" rel="stylesheet"/> <script th:src="@{~/js/jquery-3.3.1.min.js}" type="text/javascript"/> <script th:src="@{~/js/bootstrap.min.js}" type="text/javascript"/> <style> .my-form-div{ position:absolute; left:50%;top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); }; </style> </head> <body> <!--背景图--> <div style="position:absolute;z-index:-1;width:100%;height:100%;"> <img th:src="@{~/pic/back.jpg}" width="100%" height="100%"/> </div> <div class="col-md-4 my-form-div"> <form action="login" method="get" role="form" th:object="${user}" class="form-group form-signin"> <h2 style="text-align:center;color:red" class="form-signin-heading">Login Plz</h2> <div class="input-group form-group"> <span class="input-group-addon"> 姓名: </span> <input class="form-control" th:field="*{name}" name="name"/> </div> <div class="input-group form-group"> <span class="input-group-addon"> 密码: </span> <input class="form-control" th:field="*{password}" name="password"/> <span class="input-group-btn"> <button type="button" class="btn btn-info" >验证</button> </span> </div> <input type="submit" class="form-control btn btn-info" value="提交"/> </form> </div> </body> </html>
LoginController:
package com.scu.tgm.spboot.controller; import com.scu.tgm.spboot.entity.UserEntity; import org.slf4j.Logger; import org.slf4j.LoggerFactory; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.ModelAttribute; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestMethod; @Controller public class LoginController { private final Logger logger= LoggerFactory.getLogger(LoginController.class); @RequestMapping(path={"login"},method = {RequestMethod.GET}) public String login(@ModelAttribute("user") UserEntity user) { return "login"; } @RequestMapping(path={""},method={RequestMethod.POST,RequestMethod.GET}) public String index(@ModelAttribute("user") UserEntity user){ logger.info("enter index"); logger.warn("enter index warn"); logger.error("enter index error"); return "login"; } }
登录界面: