bookshelfplus/bookshelfplus
1
0
Fork 0
mirror of https://gitee.com/bookshelfplus/bookshelfplus synced 2025-09-13 04:01:40 +08:00
Code Issues Projects Releases Wiki Activity GitHub Gitee

登录页面使用grid布局；添加注册按钮；注册页面前端小调整

Browse Source
This commit is contained in:
小墨
2022-04-02 23:33:11 +08:00
parent f2f4846437
commit 476252a243
2 changed files with 61 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
bookshelfplus-frontend/views/login.html
View File

@@ -14,6 +14,25 @@
max-height: 300px;
margin-bottom: 20px;
}
.form-group {
display: grid;
grid-template-columns: auto auto;
width: 250px;
margin: 0 auto;
row-gap: 20px;
margin-bottom: 30px;
place-items: center;
}
.form-group > input {
height: 25px;
}
.btn-submit {
height: 30px;
width: 72px;
}
</style>
<script>
if(!localStorage) {
@@ -48,19 +67,20 @@
<div class="form-group">
<label for="username">用户名</label>
<input type="text" id="username" placeholder="用户名">
</div>
<div class="form-group">
<label for="password">密码</label>
<input type="password" id="password" placeholder="密码">
</div>
<button class="btn-submit">登录</button>
<p>
<a href="/register">注册</a>
</p>
</div>
</div>
</div>
</main>
<%- include("./component/footer.html"); %>
<script src="/assets/lib/cryptography/2.2/md5-min.js"></script>
<!-- <script src="/assets/lib/cryptography/2.2/md5-min.js"></script> -->
<!-- <script src="/assets/lib/cryptography/2.2/sha1-min.js"></script> -->
<script>
$("#username").val("xiaomo");

53
bookshelfplus-frontend/views/register.html
View File

@@ -14,7 +14,32 @@
max-height: 300px;
margin-bottom: 20px;
}
.form-group {
display: grid;
grid-template-columns: auto auto;
width: 250px;
margin: 0 auto;
row-gap: 20px;
margin-bottom: 30px;
place-items: center;
}
.form-group > input {
height: 25px;
}
.btn-submit {
height: 30px;
width: 72px;
}
</style>
<script>
if(!localStorage) {
alert("您的浏览器不支持localStorage，请更换浏览器！");
window.location.href = "/";
}
</script>
</head>
<body>
<%- include("./component/navbar.html"); %>
@@ -27,32 +52,27 @@
<div class="form-group">
<label for="username">用户名</label>
<input type="text" id="username" placeholder="用户名">
</div>
<div class="form-group">
<label for="password">密码</label>
<input type="password" id="password" placeholder="密码">
</div>
<button class="btn-submit">登录</button>
<button class="btn-register">注册</button>
<p>
<a href="/login">登录</a>
</p>
</div>
</div>
</div>
</main>
<%- include("./component/footer.html"); %>
<script src="/assets/lib/cryptography/2.2/md5-min.js"></script>
<!-- <script src="/assets/lib/cryptography/2.2/sha1-min.js"></script> -->
<script>
$("#username").val("xiaomo");
$("#password").val("123456");
$(".btn-submit").click(function() {
$(".btn-register").click(function() {
var username = $("#username").val();
var password = $("#password").val();
// var encryptpwd = hex_sha1(password);
var encryptpwd = hex_md5(password);
console.log(password, encryptpwd);
postRequest("/user/login", { username: username, encryptpwd: encryptpwd })
postRequest("/user/register", { username: username, password: password })
.then(function (response) {
var axiosData = response.data;
var status = axiosData.status;
@@ -61,14 +81,17 @@
if (status === "success") {
console.log(data);
if(data) {
alert("登录成功");
localStorage.setItem("token", data.token);
alert("注册成功");
if(data.group === "ADMIN") {
window.location.href = "/admin/index";
localStorage.setItem("is_admin", "true");
window.location.href = "/dashboard/admin/index";
} else {
window.location.href = "/user/index";
localStorage.setItem("is_admin", "false");
window.location.href = "/dashboard/user/index";
}
} else {
alert("用户名或密码错误");
alert("出错啦！");
}
} else {
alert(`出错啦！${data.errMsg} (错误码: ${data.errCode}) `);