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

前端添加渲染表格和获取Url参数相关代码，更新search搜索页

Browse Source
This commit is contained in:
小墨
2022-03-15 12:40:49 +08:00
parent 39c56e36d4
commit ae26ecc372
5 changed files with 192 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
bookshelfplus-frontend/views/component/searchbox.html
View File

@@ -45,8 +45,11 @@
// 搜索按钮点击事件
$('#searchButton').click(function () {
if ($('#searchInput').val() !== "") {
location.href = "search?keyword=" + encodeURIComponent($('#searchInput').val());
var searchBoxValue = $('#searchInput').val();
if (!searchBoxValue || searchBoxValue.trim() == "") {
alert("请输入搜索内容");
return;
}
window.location.href = "./search?keyword=" + encodeURIComponent(searchBoxValue);
});
</script>

35
bookshelfplus-frontend/views/search.html
View File

@@ -2,14 +2,45 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<%- include("./component/header.html"); %>
<style>
#result-table {
width: 100%;
border: 1px solid black;
margin-top: 30px;
}
</style>
</head>
<body>
<%- include("./component/navbar.html"); %>
<main class="main">
<div class="main">
<h1><%= title %></h1>
<%- include("./component/searchbox.html"); %>
<div id="container">
<table id="result-table"></table>
</div>
</main>
</div>
<%- include("./component/footer.html"); %>
<!-- 获取参数 -->
<script src="./assets/javascripts/getParams.js"></script>
<script>
var requestParams = getParams();
var searchbox = document.getElementById("searchInput");
searchbox.value = requestParams["keyword"];
</script>
<!-- 渲染表格 -->
<script src="./assets/javascripts/renderTable.js"></script>
<script>
var data1 = [
{ a: "a1", b: "b1", c: "c1", },
{ c: "c2", a: "a2", b: "b2", },
{ a: "a3", c: "c3", b: "b3", }
];
var table1 = renderTable({
tableId: "result-table",
data: data1,
renderTableHead: true,
});
</script>
</body>
</html>