target/classes/templates/login.html

微信扫码关注公众号，代码整理好后第一时间通知你。

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="UTF-8">
        <title>登录界面</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!-- BootStrap和Jquery-->
        <script th:src="@{/js/jquery.js}"></script>
        <script th:src="@{/js/bootstrap.js}"></script>
        <!--导入自己的js文件-->
        <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
        <link rel="stylesheet" th:href="@{/css/bootstrap.css}"/>
        <link rel="stylesheet" th:href="@{/css/bootstrap-theme.css}"/>
        <link rel="stylesheet" th:href="@{/css/style.css}">
    </head>
    <body>
        <div class="container">
            <div class="form row" style="height: 300px;">
                <form class="form-horizontal col-md-offset-3" id="login_form" th:action="@{/account/login}"
                      method="post">
                    <h3 class="form-title">用户登录</h3>
                    <div class="col-md-9">
                        <div class="form-group">
                            <i class="fa fa-user fa-lg"></i>
                            <span style="color: red;font-size: 13px;margin-left: -17px;"
                                  th:text="${usernameError}"></span>
                            <input class="form-control required" required placeholder="请输入用户名" type="text"
                                   name="username"/>
                        </div>
                        <div class="form-group">
                            <i class="fa fa-lock fa-lg"></i>
                            <span style="color: red;font-size: 13px;margin-left: -17px;"
                                  th:text="${passwordError}"></span>
                            <input class="form-control required" required placeholder="请输入密码" type="password"
                                   name="password"/>
                        </div>
                        <div class="form-group">
                            <label class="radio-inline">
                                <input type="radio" name="type" checked value="systemAdmin" class="radio-inline"> 系统管理员
                            </label>
                            <label class="radio-inline">
                                <input type="radio" name="type" value="dormitoryAdmin" class="radio-inline"> 宿舍管理员
                            </label>
                        </div>
                        <div class="form-group col-md-offset-9">
                            <button type="submit" class="btn btn-success pull-left" name="submit">登录</button>
                            <button type="reset" class="btn btn-success pull-right" name="submit">重置</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </body>
</html>