83 lines
3.0 KiB
HTML
83 lines
3.0 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">
|
||
|
|
<!--<img src="assets/images/logo.png" class="image">-->
|
||
|
|
<div class="content">
|
||
|
|
后台管理登录
|
||
|
|
</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>
|