mirror of
https://gitee.com/bookshelfplus/bookshelfplus
synced 2025-09-02 23:23:28 +08:00
75 lines
2.7 KiB
HTML
75 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<%- include("./component/header.html"); %>
|
|
</head>
|
|
<body>
|
|
<%- include("./component/navbar.html"); %>
|
|
<main class="main" style="max-width: 80vw;">
|
|
<!-- <h1><%= title %></h1> -->
|
|
<div id="container">
|
|
<!-- <a href="./book">书本详情页</a> -->
|
|
</div>
|
|
<hr style="margin: 30px 0;">
|
|
<div id="container-book">
|
|
<table id="book-table" style="width: 100%;"></table>
|
|
</div>
|
|
</main>
|
|
<%- include("./component/footer.html"); %>
|
|
|
|
<!-- 获取参数 -->
|
|
<script src="/assets/javascripts/getParams.js"></script>
|
|
<!-- 渲染表格 -->
|
|
<script src="/assets/javascripts/renderTable.js"></script>
|
|
<!-- 搜索书籍 -->
|
|
<script src="/assets/javascripts/searchBooks.js"></script>
|
|
<script>
|
|
var requestParams = getParams();
|
|
var searchbox = document.getElementById("searchInput");
|
|
var categoryId = requestParams["id"] ?? "";
|
|
console.log("categoryId", categoryId);
|
|
if (categoryId === "") {
|
|
location.href = "/search";
|
|
}
|
|
search({
|
|
tableElementId: "book-table",
|
|
searchText: null,
|
|
categoryId: categoryId
|
|
});
|
|
</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 = "暂无描述";
|
|
|
|
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);
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |