This commit is contained in:
limqhz
2022-05-03 21:15:47 +08:00
parent 0eed40c97e
commit cf985bd44f
11 changed files with 155 additions and 44 deletions

View File

@@ -103,7 +103,7 @@
</div>
<div th:if="${commentList.size()==0}" class="col-md-12 blog-main" style="margin-top: 20px">
<div class="my-3 p-3 bg-white rounded shadow-sm">
<h6 class="pb-2 mb-0 text-center">emmm... 这里暂时还没有评论....</h6>
<h6 class="pb-2 mb-4 text-center">还没有评论,抢个沙发?</h6>
</div>
</div>

View File

@@ -26,11 +26,11 @@
<li th:class="${activeUrl=='blog'?'nav-item active':'nav-item'}">
<a class="nav-link" th:href="@{/blog}">博客 </a>
</li>
<li th:class="${activeUrl=='download'?'nav-item active':'nav-item'}">
<a class="nav-link" th:href="@{/download}">热门资源 </a>
<li th:class="${activeUrl=='hotspot'?'nav-item active':'nav-item'}">
<a class="nav-link" th:href="@{/hotspot}">热门资源 </a>
</li>
<li th:class="${activeUrl=='source'?'nav-item active':'nav-item'}">
<a class="nav-link" th:href="@{/source?name=&category=0}">资源库 </a>
<a class="nav-link" th:href="@{/source}">资源库 </a>
</li>
<li th:class="${activeUrl=='about'?'nav-item active':'nav-item'}">
<a class="nav-link" th:href="@{/about}">关于 </a>

View File

@@ -103,7 +103,7 @@
</div>
<div th:if="${commentList.size()==0}" class="col-md-12 blog-main" style="margin-top: 20px">
<div class="my-3 p-3 bg-white rounded shadow-sm">
<h6 class="pb-2 mb-0 text-center">emmm... 这里暂时还没有评论....</h6>
<h6 class="pb-2 mb-4 text-center">还没有评论,抢个沙发?</h6>
</div>
</div>

View File

@@ -5,12 +5,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>资源库-Quinn</title>
<link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap.min.css}">
<link rel="stylesheet" th:href="@{/css/download.css}">
<link rel="stylesheet" th:href="@{/css/source.css}">
</head>
<body>
<div th:replace="~{common/header::header(activeUrl='download')}"></div>
<div th:replace="~{common/header::header(activeUrl='hotspot')}"></div>
<main role="main" class="mt-3">
<div class="container">
@@ -18,17 +18,18 @@
需要什么资料请提交论坛,或者关注公众号反馈!我们会及时更新!
</div>
<div class="card-deck mb-3 text-center">
<div class="card mb-4 shadow-sm" th:each="download:${downloadList}">
<div class="card-header">
<h4 class="my-0 font-weight-normal" th:text="${download.getDname()}"></h4>
</div>
<div class="card-body">
<p th:text="${download.getDdesc()}"></p>
<a style="color: white" class="btn btn-sm btn-primary">提取码: [[${download.getDcode()}]]</a>
<div class="row row-cols-1 row-cols-md-3 text-center">
<div class="col mb-4" th:each="source:${sourceList}">
<div class="card">
<div class="card-header">
<h4 class="font-weight-normal" th:text="${source.getSourceName()}"></h4>
</div>
<div class="card-body">
<p th:text="${source.getDetail()}"></p>
<a th:href="@{'/source/view/'+${source.getId()}}" style="color: white" class="btn btn-sm btn-primary">查看详情</a>
</div>
</div>
</div>
</div>
</div>
</main>

View File

@@ -14,7 +14,7 @@
<main role="main" class="mt-3">
<div class="container">
<form action="/source">
<form action="javascript:navChange(0);" method="post">
<div class="form-row align-items-center">
<div class="col-auto">
<label class="sr-only" for="name">KEYWORD</label>
@@ -31,7 +31,8 @@
<div class="input-group-prepend">
<div class="input-group-text">类别</div>
</div>
<select id="category" name="category" class="form-control">
<select id="category" name="category" class="form-control custom-select">
<option th:value=-1 th:text="请选择"></option>
<option th:each="category:${categoryList}" th:value="${category.getId()}" th:text="${category.getCategory()}"></option>
</select>
</div>
@@ -43,13 +44,13 @@
</div>
</form>
</div>
<div class="container">
<div class="container" th:fragment="s_table_refresh" th:id="id_s_table_refresh">
<table class="table">
<thead class="thead-light">
<tr>
<th scope="col">#</th>
<th scope="col">资源名</th>
<th scope="col">资源内容</th>
<th scope="col">资源简介</th>
<th scope="col">资源类型</th>
<th scope="col">去下载</th>
</tr>
@@ -58,7 +59,7 @@
<tr th:each="source:${sourceList}">
<td th:text="${source.getId()}"></td>
<td th:text="${source.getSourceName()}"></td>
<td th:text="${source.getSourceContent()}"></td>
<td th:text="${source.getDetail()}"></td>
<td th:text="${source.getCategoryName()}"></td>
<td th:name="${source.getId()}">
<a style="color: white" th:href="@{'/source/view/'+${source.getId()}}" class="btn btn-sm btn-primary">详情</a>
@@ -66,6 +67,25 @@
</tr>
</tbody>
</table>
<nav aria-label="Page navigation example">
<ul class="pagination justify-content-center">
<li th:class="${pageParam.hasPrevious()==true?'page-item':'page-item disabled'}">
<a class="page-link" href="javascript:navChange(-1);" tabindex="">Previous</a>
</li>
<li class="page-item" th:if="${pageParam.hasPrevious()}">
<a class="page-link" href="javascript:navChange(-1);" th:text="${pageParam.getCurrent()-1}"></a>
</li>
<li class="page-item active">
<a id = "current" class="page-link" href="javascript:navChange(0);" th:text="${pageParam.getCurrent()}"></a>
</li>
<li class="page-item" th:if="${pageParam.hasNext()}">
<a class="page-link" href="javascript:navChange(1);" th:text="${pageParam.getCurrent()+1}"></a>
</li>
<li th:class="${pageParam.hasNext()==true?'page-item':'page-item disabled'}">
<a class="page-link" href="javascript:navChange(1);">Next</a>
</li>
</ul>
</nav>
</div>
</main>
@@ -77,6 +97,21 @@
<script th:src="@{/js/toTop.js}"></script>
<script th:src="@{/js/jquery-ui.min.js}"></script>
<script th:src="@{/live/js/addlive2d.js}"></script>
<script type="text/javascript">
function navChange(page){
var name = $('#name').attr("value");
var category = $('#category').val();
var current = $('#current').text();
var pageNum = parseInt(current) + page;
$.ajax({
url: "/source/page",
type: "post",
data: {"name": name, "category": category, "pageNum": pageNum, "limit": 10},
success: function (data) {
$('#id_s_table_refresh').html(data);
}
});
}
</script>
</body>
</html>

View File

@@ -5,15 +5,6 @@
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>资源下载-Quinn</title>
<link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap.min.css}">
<style>
.nav-underline .nav-link {
padding-top: .75rem;
padding-bottom: .75rem;
font-size: .875rem;
color: #6c757d;
}
</style>
</head>
<body style="background: #f2f2f2;">
@@ -77,7 +68,7 @@
</div>
<div th:if="${commentList.size()==0}" class="col-md-12 source-main" style="margin-top: 20px">
<div class="my-3 p-3 bg-white rounded shadow-sm">
<h6 class="pb-2 mb-0 text-center">emmm... 这里暂时还没有评论....</h6>
<h6 class="pb-2 mb-4 text-center">还没有评论,抢个沙发?</h6>
</div>
</div>