84 lines
3.1 KiB
HTML
84 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" xmlns:th="http://www.thymeleaf.org">
|
|
<head th:replace="admin/_fragments :: head(~{::title})">
|
|
<meta charset="UTF-8">
|
|
<!--移动端预览-->
|
|
<meta name="viewport" content="device-width, initial-scale=1.0">
|
|
|
|
<title>后台管理</title>
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.css">
|
|
<!--引入自定义CSS-->
|
|
<link rel="stylesheet" href="../../static/css/me.css">
|
|
</head>
|
|
<body>
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
<div class="m-container-small m-padded-tb-massive" style="max-width: 28em !important;">
|
|
<div class="ui container">
|
|
<div class="ui middle aligned center aligned grid">
|
|
<div class="column">
|
|
<h2 class="ui teal image header">
|
|
<div class="content">
|
|
<a href="http://typecho.org/" target="_blank">
|
|
<img th:src="@{/images/tp.png}"/>
|
|
</a>
|
|
</div>
|
|
</h2>
|
|
<form class="ui large form" method="post" action="#" th:action="@{/admin/login}">
|
|
<div class="ui segment">
|
|
<div class="field">
|
|
<div class="ui left icon input">
|
|
<i class="user icon"></i>
|
|
<input type="text" name="username" placeholder="用户名">
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<div class="ui left icon input">
|
|
<i class="lock icon"></i>
|
|
<input type="password" name="password" placeholder="密码">
|
|
</div>
|
|
</div>
|
|
<button class="ui fluid large teal submit button">登 录</button>
|
|
</div>
|
|
|
|
<div class="ui error mini message"></div>
|
|
<div class="ui mini negative message" th:unless="${#strings.isEmpty(message)}" th:text="${message}"></div>
|
|
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!--/*/<th:block th:replace="admin/_fragments :: script">/*/-->
|
|
<!--引入jQuery-->
|
|
<script src="https://cdn.jsdelivr.net/npm/jquery@3.2/dist/jquery.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.js"></script>
|
|
<!--/*/</th:block>/*/-->
|
|
|
|
<script>
|
|
/*表单校验*/
|
|
$('.ui.form').form({
|
|
fields : {
|
|
username : {
|
|
identifier: 'username',
|
|
rules: [{
|
|
type : 'empty',
|
|
prompt: '请输入用户名'
|
|
}]
|
|
},
|
|
password : {
|
|
identifier: 'password',
|
|
rules: [{
|
|
type : 'empty',
|
|
prompt: '请输入密码'
|
|
}]
|
|
}
|
|
}
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
</html> |