39 lines
1.5 KiB
HTML
39 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
||
<html xmlns:th="http://www.thymeleaf.org">
|
||
<head>
|
||
<link rel="icon" type="image/x-icon" href="/favicon.ico">
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>登录 - TraceXD</title>
|
||
<link rel="stylesheet" href="/css/style.css">
|
||
</head>
|
||
<body class="login-body">
|
||
<div class="login-container">
|
||
<h1 class="login-title">TraceXD</h1>
|
||
<p class="login-subtitle">日常事项记录系统</p>
|
||
<form class="login-form" method="post" th:action="@{/login}">
|
||
<div th:if="${param.error}" class="login-error">
|
||
用户名或密码错误
|
||
</div>
|
||
<div th:if="${param.logout}" class="login-info">
|
||
您已退出登录
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="username">用户名</label>
|
||
<input type="text" id="username" name="username" required autofocus>
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="password">密码</label>
|
||
<input type="password" id="password" name="password" required>
|
||
</div>
|
||
<div class="form-remember">
|
||
<label>
|
||
<input type="checkbox" name="remember-me" checked> 记住我（30天免登录）
|
||
</label>
|
||
</div>
|
||
<button type="submit" class="login-btn">登 录</button>
|
||
</form>
|
||
</div>
|
||
</body>
|
||
</html>
|