|
@@ -1,10 +1,94 @@
|
|
|
<!DOCTYPE html>
|
|
|
-<html lang="en">
|
|
|
+<html lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml"
|
|
|
+ xmlns:th="http://www.thymeleaf.org">
|
|
|
+
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
- <title>Login</title>
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
+
|
|
|
+ <title>慕测统一登录</title>
|
|
|
+ <meta name="keywords" content="" />
|
|
|
+ <meta name="description" content="" />
|
|
|
+
|
|
|
+ <link rel="stylesheet" type="text/css" th:href="@{/vendor/bootstrap/css/bootstrap.min.css}">
|
|
|
+ <link rel="stylesheet" type="text/css" th:href="@{/fonts/font-awesome-4.7.0/css/font-awesome.min.css}">
|
|
|
+ <link rel="stylesheet" type="text/css" th:href="@{/fonts/iconic/css/material-design-iconic-font.min.css}">
|
|
|
+ <link rel="stylesheet" type="text/css" th:href="@{/css/util.css}">
|
|
|
+ <link rel="stylesheet" type="text/css" th:href="@{/css/main.css}">
|
|
|
</head>
|
|
|
+
|
|
|
<body>
|
|
|
-this is a login page
|
|
|
+
|
|
|
+<div class="limiter">
|
|
|
+ <div class="container-login100" th:style="'background-image:url(/images/bg.jpg);'">
|
|
|
+ <div class="wrap-login100 p-l-40 p-r-40 p-t-30 p-b-25">
|
|
|
+ <form th:action="@{/page/dologin}" method="post" class="login100-form validate-form">
|
|
|
+ <div id="login-logo" style="text-align: center;">
|
|
|
+ <img style="width: 80px;" th:src="@{/images/mooctest.png}" >
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <span class="login100-form-title p-b-30">MOOCTEST</span>
|
|
|
+
|
|
|
+ <div class="wrap-input100 validate-input m-b-23" data-validate="请输入用户名">
|
|
|
+ <span class="label-input100">邮箱</span>
|
|
|
+ <input class="input100" type="text" name="email" placeholder="请输入用户名" required="邮箱账号不可为空">
|
|
|
+ <span class="focus-input100" data-symbol=""></span>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="wrap-input100 validate-input" data-validate="请输入密码">
|
|
|
+ <span class="label-input100">密码</span>
|
|
|
+ <input class="input100" type="password" name="password" placeholder="请输入密码" required="密码不可为空">
|
|
|
+ <span class="focus-input100" data-symbol=""></span>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div p-t-8 p-b-10>
|
|
|
+ <div class="text-left" style="width: 50%; float: left;">
|
|
|
+ <a href="##">手机登录</a>
|
|
|
+ </div>
|
|
|
+ <div class="text-right" style="width: 50%; float: right;">
|
|
|
+ <a href="javascript:">忘记密码?</a>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="text-center p-t-6 p-b-8">
|
|
|
+ <span style="color: red" th:unless="${result==null}" th:text="${result.msg}"></span>
|
|
|
+ </div>
|
|
|
+ <div class="container-login100-form-btn">
|
|
|
+ <div class="wrap-login100-form-btn">
|
|
|
+ <div class="login100-form-bgbtn"></div>
|
|
|
+ <button class="login100-form-btn">登 录</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="txt1 text-center p-t-15 p-b-5">
|
|
|
+ <span>第三方登录</span>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="flex-c-m">
|
|
|
+ <a href="#" class="login100-social-item bg1">
|
|
|
+ <i class="fa fa-wechat"></i>
|
|
|
+ </a>
|
|
|
+
|
|
|
+ <a href="#" class="login100-social-item bg2">
|
|
|
+ <i class="fa fa-qq"></i>
|
|
|
+ </a>
|
|
|
+
|
|
|
+ <a href="#" class="login100-social-item bg3">
|
|
|
+ <i class="fa fa-weibo"></i>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="flex-col-c p-t-10">
|
|
|
+ <a href="javascript:" class="txt2">立即注册</a>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+
|
|
|
+<script th:src="@{/vendor/jquery/jquery-3.2.1.min.js}"></script>
|
|
|
+<script th:src="@{/js/main.js}"></script>
|
|
|
</body>
|
|
|
+
|
|
|
</html>
|