bootstrap+pageHelper+spring boot 實現分頁
阿新 • • 發佈:2018-12-30
後臺通過mybatis外掛pageHelper實現分頁查詢
先上效果圖
maven地址
<dependency>
<groupId>com.github.pagehelper</groupId>
<artifactId>pagehelper-spring-boot-starter</artifactId>
<version>1.2.3</version>
</dependency>
controller
@RequestMapping("/index") public String index(Model model,Integer pageNumber){ if (pageNumber == null){ pageNumber = 1; } PageHelper.startPage(pageNumber,3); List<ScoreReport> list = this.scoreReportService.getPageList(); PageInfo<ScoreReport> pageInfo = new PageInfo<>(list); model.addAttribute("pageInfo",pageInfo); return "score"; }
PageHelper.startPage()方法下需要就應該是查詢語句
大概意思就是我要開始查詢了,準備分頁吧
前臺頁面網上參考地址找不到了
上js程式碼
<div style="float: right;"> <div style="float: right;"> 當前${pageInfo.pageNum}頁,共${pageInfo.pages }頁,總${pageInfo.total }條記錄 </div> <div> <ul class="pagination"> <!-- 1.pageContext.request.contextPath表示當前專案路徑,採用的是絕對路徑表達方式。一般為http:localhost:8080/專案名 。 2.首頁,末頁的邏輯:pn=1訪問第一次,pn=${pageInfo.pages}訪問最後一頁 --> <li> <a href="${pageContext.request.contextPath}/index?pageNumber=1">首頁</a> </li> <!-- 如果還有前頁就訪問當前頁碼-1的頁面, --> <c:if test="${pageInfo.hasPreviousPage}"> <li> <a href="${pageContext.request.contextPath}/index?pageNumber=${pageInfo.pageNum-1}" aria-label="Previous"> <span aria-hidden="true">«</span> </a> </li> </c:if> <li> <!--遍歷所有導航頁碼,如果遍歷的頁碼頁當前頁碼相等就高亮顯示,如果相等就普通顯示 --> <c:forEach items="${pageInfo.navigatepageNums }" var="page_Nums"> <c:if test="${page_Nums==pageInfo.pageNum }"> <li class="active"><a href="#">${page_Nums}</a></li> </c:if> <c:if test="${page_Nums!=pageInfo.pageNum }"> <li ><a href="${pageContext.request.contextPath}/index?pageNumber=${page_Nums}">${page_Nums}</a></li> </c:if> </c:forEach> </li> <!-- 如果還有後頁就訪問當前頁碼+1的頁面, --> <c:if test="${pageInfo.hasNextPage}"> <li> <a href="${pageContext.request.contextPath}/index?pageNumber=${pageInfo.pageNum+1}" aria-label="Next"> <span aria-hidden="true">»</span> </a> </li> </c:if> <li><a href="${pageContext.request.contextPath}/index?pageNumber=${pageInfo.pages}">末頁</a></li> </ul> </div> </div>