121 lines
6.0 KiB
HTML
121 lines
6.0 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;
|
|
}
|
|
.register-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-7">
|
|
<div class="card register-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="registerForm">
|
|
<div class="row">
|
|
<div class="col-md-6 mb-3">
|
|
<label for="username" class="form-label">
|
|
<i class="bi bi-person"></i> 用户名 <span class="text-danger">*</span>
|
|
</label>
|
|
<input type="text" class="form-control" id="username" required>
|
|
</div>
|
|
<div class="col-md-6 mb-3">
|
|
<label for="password" class="form-label">
|
|
<i class="bi bi-lock"></i> 密码 <span class="text-danger">*</span>
|
|
</label>
|
|
<input type="password" class="form-control" id="password" required>
|
|
</div>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="storeName" class="form-label">
|
|
<i class="bi bi-shop-window"></i> 门店名称 <span class="text-danger">*</span>
|
|
</label>
|
|
<input type="text" class="form-control" id="storeName" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="address" class="form-label">
|
|
<i class="bi bi-geo-alt"></i> 门店地址
|
|
</label>
|
|
<input type="text" class="form-control" id="address">
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-6 mb-3">
|
|
<label for="phone" class="form-label">
|
|
<i class="bi bi-phone"></i> 联系电话
|
|
</label>
|
|
<input type="tel" class="form-control" id="phone">
|
|
</div>
|
|
<div class="col-md-6 mb-3">
|
|
<label for="email" class="form-label">
|
|
<i class="bi bi-envelope"></i> 邮箱
|
|
</label>
|
|
<input type="email" class="form-control" id="email">
|
|
</div>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="managerName" class="form-label">
|
|
<i class="bi bi-person-badge"></i> 负责人姓名
|
|
</label>
|
|
<input type="text" class="form-control" id="managerName">
|
|
</div>
|
|
<button type="submit" class="btn btn-dark btn-lg w-100 mt-3">
|
|
<i class="bi bi-person-plus"></i> 注册
|
|
</button>
|
|
</form>
|
|
<div class="mt-4 text-center">
|
|
<a href="/merchant/login.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('registerForm').addEventListener('submit', async function(e) {
|
|
e.preventDefault();
|
|
const response = await fetch('/merchant/register', {
|
|
method: 'POST',
|
|
headers: {'Content-Type': 'application/json'},
|
|
credentials: 'include', // 确保发送Cookie
|
|
body: JSON.stringify({
|
|
username: document.getElementById('username').value,
|
|
password: document.getElementById('password').value,
|
|
storeName: document.getElementById('storeName').value,
|
|
address: document.getElementById('address').value,
|
|
phone: document.getElementById('phone').value,
|
|
email: document.getElementById('email').value,
|
|
managerName: document.getElementById('managerName').value
|
|
})
|
|
});
|
|
const data = await response.json();
|
|
if (data.code === 200) {
|
|
alert('注册成功！');
|
|
window.location.href = '/merchant/login.html';
|
|
} else {
|
|
alert(data.message || '注册失败');
|
|
}
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|