bookshelfplus/bookshelfplus
1
0
Fork 0
mirror of https://gitee.com/bookshelfplus/bookshelfplus synced 2025-10-10 01:35:14 +08:00
Code Issues Projects Releases Wiki Activity GitHub Gitee

后台表单控件渲染功能初步完成；关于从导航栏挪到页脚；分类首页和分类详情后台分离

Browse Source
This commit is contained in:
小墨
2022-04-02 20:02:21 +08:00
parent 8635e5dbac
commit 3320d7a90a
12 changed files with 494 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
bookshelfplus-frontend/views/category.html
View File

@@ -6,7 +6,7 @@
<body>
<%- include("./component/navbar.html"); %>
<main class="main">
<!-- <h1><%= title %></h1> -->
<h1><%= title %></h1>
<div id="container">
<!-- <a href="./book">书本详情页</a> -->
</div>
@@ -16,46 +16,47 @@
<!-- 获取参数 -->
<script src="/assets/javascripts/getParams.js"></script>
<script>
var requestParams = getParams();
var searchbox = document.getElementById("searchInput");
var categoryId = Number(requestParams["id"]) ?? "";
if (categoryId === "") {
location.href = "/search";
}
// var requestParams = getParams();
// var searchbox = document.getElementById("searchInput");
// var categoryId = requestParams["id"] ?? "";
// console.log("categoryId", categoryId);
// if (categoryId === "") {
// location.href = "/search";
// }
</script>
<script>
getRequest("/category/get", { id: categoryId })
.then(function (response) {
var axiosData = response.data;
var status = axiosData.status;
var data = axiosData.data;
if (status === "success") {
console.log(data)
if (data.description == "")
data.description = "暂无描述";
// getRequest("/category/get", { id: categoryId })
// .then(function (response) {
// var axiosData = response.data;
// var status = axiosData.status;
// var data = axiosData.data;
// if (status === "success") {
// console.log(data)
// if (data.description == "")
// data.description = "暂无描述";
var topCategory = data.parentId !== 0 ? `<a href="/category?id=${data.parentId}">上级分类</a>` : "";
document.getElementById("container").innerHTML = `
<div class="grid">
<div class="grid-item">
<h1>${data.name}</h1>
<p>分类ID: ${data.id}</p>
<p>${topCategory}</p>
</div>
<div class="grid-item">
<h2>简介</h2>
<p>${data.description}</p>
</div>
</div>`;
// var topCategory = data.parentId !== 0 ? `<a href="/category?id=${data.parentId}">上级分类</a>` : "";
// document.getElementById("container").innerHTML = `
// <div class="grid">
// <div class="grid-item">
// <h1>${data.name}</h1>
// <p>分类ID: ${data.id}</p>
// <p>${topCategory}</p>
// </div>
// <div class="grid-item">
// <h2>简介</h2>
// <p>${data.description}</p>
// </div>
// </div>`;
// 渲染后重新获取一次字体
fontmin(getPageText());
} else {
alert(`出错啦！${data.errMsg} (错误码: ${data.errCode}) `);
}
}).catch(function (error) {
console.log(error);
});
// // 渲染后重新获取一次字体
// fontmin(getPageText());
// } else {
// alert(`出错啦！${data.errMsg} (错误码: ${data.errCode}) `);
// }
// }).catch(function (error) {
// console.log(error);
// });
</script>
</body>
</html>