10.3、后台管理系统 - 10.3.5、构建后台管理系统1 - 《微服务》

1、实现登录后跳转到首页。
2、用户名或密码错误的提示！
3、为防止重复提交登录，使用重定向到Index页面。
创建项目：

导入资源：

创建处理器对象与Bean登陆信息接收参数（用户名与用户密码）：

package com.wzy.springbootweb02.bean;
@Data
public class User {
    private String userName;
    private String password;
}

package com.wzy.springbootweb02.controller;
@Controller
public class IndexController {
    /*
    * @Description: 来到登录页。
    * @Author: WangZiYao
    * @Date: 2021/4/17 22:53
    */
    @GetMapping(value = {"/","login"})
    public String loginPage(){
        return "login";
    }
    /*
    * @Description: 登录页面，提交后，处理请求数据。为防止重复提交登录，使用重定向到Index页面。
    * @Author: WangZiYao
    * @Date: 2021/4/17 22:55
    */
    @PostMapping(value = {"login"})
    public String main(User user, HttpSession session, Model model){
        if ("wzy941941".equals(user.getUserName())  && "941941".equals(user.getPassword())) {
            session.setAttribute("loginUser",user);
            //重定向到 index.html
            return "redirect:/index.html";
        }else{
            model.addAttribute("msg","账号密码错误！");
            return "login";
        }
    }
    /*
    * @Description:收到重定向请求后，转发到 index页面。
    * @Author: WangZiYao
    * @Date: 2021/4/17 22:56
    */
    @GetMapping(value = {"index.html"})
    public String mainPage(HttpSession session,Model model){
        Object loginUser = session.getAttribute("loginUser");
        if (loginUser != null) {
            return "index";
        }else{
            model.addAttribute("msg","请重新登陆！");
            return "longin";
        }
    }
}

login.html登录页面。
<!DOCTYPE html>

<title>登陆</title>
<link href="css/style.css" rel="stylesheet"><br />    <!-- 响应式样式 -->    <link href="css/style-responsive.css" rel="stylesheet">
<!-- js IE8支持HTML5元素和媒体查询 IE 兼容脚本 -->    <!--[if lt IE 9]>    <script src="js/html5shiv.js"></script>    <script src="js/respond.min.js"></script>    <![endif]--></head>

!--表单提交路径：[http://localhost:8080/](http://localhost:8080/editable_table)login--

    <!-- Modal -->        <div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" id="myModal" class="modal fade"><br />            <div class="modal-dialog"><br />                <div class="modal-content"><br />                    <div class="modal-header"><br />                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button><br />                        <h4 class="modal-title">忘记了密码 ?</h4><br />                    </div><br />                    <div class="modal-body"><br />                        <p>输入您的电子邮件地址重新设置您的密码.</p><br />                        <input type="text" name="email" placeholder="邮箱" autocomplete="off" class="form-control placeholder-no-fix">

                </div><br />                    <div class="modal-footer"><br />                        <button data-dismiss="modal" class="btn btn-default" type="button">取消</button><br />                        <button class="btn btn-primary" type="button">提交</button><br />                    </div><br />                </div><br />            </div><br />        </div><br />        <!-- modal -->    </form>

index.html登录成功跳转到的页面。
<!DOCTYPE html>
<html lang=”en” xmlns:th=”http://www.thymeleaf.org>