82 lines
3.5 KiB
HTML
82 lines
3.5 KiB
HTML
<!DOCTYPE html>
|
||
<html xmlns:th="http://www.thymeleaf.org">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>商家登录 - 奶茶店管理系统</title>
|
||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css">
|
||
<style>
|
||
body {
|
||
background-color: #f5f5f5;
|
||
min-height: 100vh;
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
.login-card {
|
||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="container">
|
||
<div class="row justify-content-center">
|
||
<div class="col-md-5">
|
||
<div class="card login-card shadow-lg">
|
||
<div class="card-header bg-dark text-white text-center py-4">
|
||
<h3 class="mb-0">
|
||
<i class="bi bi-shop"></i> 商家后台
|
||
</h3>
|
||
<p class="mb-0 mt-2">商家登录</p>
|
||
</div>
|
||
<div class="card-body p-4">
|
||
<form id="loginForm">
|
||
<div class="mb-3">
|
||
<label for="username" class="form-label">
|
||
<i class="bi bi-person"></i> 用户名
|
||
</label>
|
||
<input type="text" class="form-control form-control-lg" id="username" required>
|
||
</div>
|
||
<div class="mb-3">
|
||
<label for="password" class="form-label">
|
||
<i class="bi bi-lock"></i> 密码
|
||
</label>
|
||
<input type="password" class="form-control form-control-lg" id="password" required>
|
||
</div>
|
||
<button type="submit" class="btn btn-dark btn-lg w-100 mt-3">
|
||
<i class="bi bi-box-arrow-in-right"></i> 登录
|
||
</button>
|
||
</form>
|
||
<div class="mt-4 text-center">
|
||
<a href="/merchant/register.html" class="text-decoration-none">还没有账号？立即注册</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
|
||
<script>
|
||
document.getElementById('loginForm').addEventListener('submit', async function(e) {
|
||
e.preventDefault();
|
||
const response = await fetch('/merchant/login', {
|
||
method: 'POST',
|
||
headers: {'Content-Type': 'application/json'},
|
||
credentials: 'include', // 确保发送Cookie
|
||
body: JSON.stringify({
|
||
username: document.getElementById('username').value,
|
||
password: document.getElementById('password').value
|
||
})
|
||
});
|
||
const data = await response.json();
|
||
if (data.code === 200) {
|
||
// 使用Session，不需要存储token
|
||
window.location.href = '/merchant/dashboard.html';
|
||
} else {
|
||
alert(data.message);
|
||
}
|
||
});
|
||
</script>
|
||
</body>
|
||
</html>
|