| <!DOCTYPE html> |
| |
| <html xmlns:th="http://www.thymeleaf.org"> |
| |
| <head> |
| <title>统一身份认证</title> |
| <meta name="_csrf" th:content="${_csrf.token}"/> |
| <!-- default header name is X-CSRF-TOKEN --> |
| <meta name="_csrf_header" th:content="${_csrf.headerName}"/> |
| <link rel="stylesheet" type="text/css" th:href="@{/static/libs/layui/css/layui.css}"/> |
| <link rel="stylesheet" type="text/css" th:href="@{/static/custom/css/login.css}"/> |
| </head> |
| <body> |
| <div class="login-wrapper"> |
| <div class=" login-body"> |
| <div class="layui-card"> |
| <div class="layui-card-header"> |
| <i class="layui-icon layui-icon-engine"></i> 统一身份认证 |
| </div> |
| <div class="layui-card-body layui-form layui-form-pane"> |
| <p style="color:red;padding: 0 0 10px 0;" th:if="${session['SPRING_SECURITY_LAST_EXCEPTION']!=null and session['SPRING_SECURITY_LAST_EXCEPTION'].message!=null}" th:text="${session['SPRING_SECURITY_LAST_EXCEPTION'].message}"></p> |
| <form th:action="@{/login/form}" method="post"> |
| <div class="layui-form-item"> |
| <label class="layui-form-label"><i class="layui-icon layui-icon-username"></i></label> |
| <div class="layui-input-block"> |
| <input name="username" type="text" lay-verify="required" placeholder="账号" |
| class="layui-input"> |
| <input type="hidden" |
| th:name="${_csrf.parameterName}" |
| th:value="${_csrf.token}"/> |
| </div> |
| </div> |
| <div class="layui-form-item"> |
| <label class="layui-form-label"><i class="layui-icon layui-icon-password"></i></label> |
| <div class="layui-input-block"> |
| <input name="password" type="password" lay-verify="required" placeholder="密码" |
| class="layui-input"> |
| </div> |
| </div> |
| <div class="layui-form-item"> |
| <label class="layui-form-label"><i class="layui-icon layui-icon-vercode"></i></label> |
| <div class="layui-input-block"> |
| <div class="layui-row inline-block"> |
| <div class="layui-col-xs7"> |
| <input name="imageCode" type="text" placeholder="验证码" |
| class="layui-input"> |
| </div> |
| <div class="layui-col-xs5" style="padding-left: 10px;"> |
| <img width="100px" height="35px" class="login-captcha" th:src="@{/code/image}"> |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="layui-form-item"> |
| <!--<a href="javascript:;" class="layui-link">帐号注册</a>--> |
| <a href="javascript:;" class="layui-link pull-right">忘记密码？</a> |
| </div> |
| <div class="layui-form-item"> |
| <button type="submit" lay-filter="login-submit" class="layui-btn layui-btn-fluid" lay-submit>登 录</button> |
| </div> |
| </form> |
| <!--<div class="layui-form-item login-other">--> |
| <!--<label>第三方登录</label>--> |
| <!--<a href="javascript:;"><i class="layui-icon layui-icon-login-qq"></i></a>--> |
| <!--<a href="javascript:;"><i class="layui-icon layui-icon-login-wechat"></i></a>--> |
| <!--<a href="javascript:;"><i class="layui-icon layui-icon-login-weibo"></i></a>--> |
| <!--</div>--> |
| </div> |
| </div> |
| </div> |
| |
| <div class="login-footer"> |
| <p>© 2019 <a href="javascript:;" target="_blank">上海树维信息科技有限公司 版权所有</a></p> |
| <!--<p>--> |
| <!--<span><a href="javascript:;" target="_blank">前往github</a></span>--> |
| <!--<span><a href="https://gitee.com/andyzy/zy-admin.git" target="_blank">前往gitee</a></span>--> |
| <!--<span><a href="javascript:;" target="_blank">文档说明</a></span>--> |
| <!--</p>--> |
| </div> |
| </div> |
| |
| <script type="text/javascript" th:src="@{/static/libs/layui/layui.js}" ></script> |
| <script> |
| layui.config({ |
| base: 'custom/module/' |
| }).use(['form'], function () { |
| var $ = layui.jquery; |
| |
| // 图形验证码 |
| $('.login-captcha').click(function () { |
| this.src = this.src + '?t=' + (new Date).getTime(); |
| }); |
| }); |
| </script> |
| </body> |
| </html> |