摘要:配置無(wú)當(dāng)前頁(yè)總頁(yè)數(shù)每頁(yè)記錄大小總記錄查詢(xún)結(jié)果集當(dāng)前頁(yè)總記錄數(shù)每頁(yè)記錄數(shù)設(shè)置值查詢(xún)結(jié)果當(dāng)前共條記錄首頁(yè)上一頁(yè)總頁(yè)不超過(guò)頭溢出尾溢出循環(huán)遍歷頁(yè)碼列表下一頁(yè)尾頁(yè)運(yùn)行結(jié)果為去寫(xiě)我要顯示頁(yè)總記錄數(shù)總頁(yè)數(shù)首頁(yè)頭溢出尾溢出尾頁(yè)
ssm配置無(wú)
StudentMapper.java
public interface StudentMapper { int queryCount(); ListqueryAll(HashMap map); }
StudentMapper.xml
Student.java
public class Student { package cn.scitc.pojo; import java.util.Date; public class Student { private Integer id; private String name; private Date birthday; public Integer getId() { return id; } public void setId(Integer id) { this.id = id; } public String getName() { return name; } public void setName(String name) { this.name = name; } public Date getBirthday() { return birthday; } public void setBirthday(Date birthday) { this.birthday = birthday; } } }
PageBean.java
package cn.scitc.pojo; import java.util.List; public class PageBean{ private int currPage; //當(dāng)前頁(yè) // private int totalPage;//總頁(yè)數(shù) private int pageSize;//每頁(yè)記錄大小 private int totalCount;//總記錄 private List pageBean;//查詢(xún)結(jié)果集 public int getCurrPage() { return currPage; } public void setCurrPage(int currPage) { this.currPage = currPage; } public int getTotalPage() { int totalPage = totalCount / pageSize; return totalCount % pageSize == 0 ? totalPage : totalPage + 1; } // public void setTotalPage(int totalPage) { // this.totalPage = totalPage; // } public int getPageSize() { return pageSize; } public void setPageSize(int pageSize) { this.pageSize = pageSize; } public int getTotalCount() { return totalCount; } public void setTotalCount(int totalCount) { this.totalCount = totalCount; } public List getPageBean() { return pageBean; } public void setPageBean(List pageBean) { this.pageBean = pageBean; } }
StudentService.java
public interface StudentService { PageBeanqueryAll(Integer currPage); }
StudentServiceImpl.java
@Service public class StudentServiceImpl implements StudentService { @Autowired private StudentMapper studentMapper; @Override public PageBeanqueryAll(Integer currPage) { HashMap map = new HashMap<>(); PageBean pageBean = new PageBean<>(); //當(dāng)前頁(yè) pageBean.setCurrPage(currPage); //總記錄數(shù) int totalCount = studentMapper.queryCount(); pageBean.setTotalCount(totalCount); //每頁(yè)記錄數(shù) int pageSize = 5; pageBean.setPageSize(pageSize); //map設(shè)置值 map.put("start",(currPage -1) * pageSize ); map.put("size",pageBean.getPageSize()); //查詢(xún)結(jié)果 List studentList = studentMapper.queryAll(map); pageBean.setPageBean(studentList); return pageBean; } }
StudentController.java
@Controller public class StudentController { @Autowired private StudentService studentService; @RequestMapping("/query") public String query(@RequestParam(value = "currPage",defaultValue = "1") Integer currpage, Model model){ model.addAttribute("pageBean",studentService.queryAll(currpage)); return "student"; } }
student.jsp
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt_rt" %> <%@ page contentType="text/html;charset=UTF-8" language="java" %>Title
id: | name: | birthday: |
運(yùn)行結(jié)果為:
js去寫(xiě)
//我要顯示5頁(yè) // 1 2 [3] 4 5 //總記錄數(shù) var recordCount = data.data.articleCount; //總頁(yè)數(shù) var pageCount = Math.ceil(recordCount / pageSize); if (pageIndex != 1) { var indexPageHtml = `` + `` + `` + `首頁(yè)`; $(".nav-links").append(indexPageHtml); } if (pageCount < 5) { var begin = 1; var end = pageCount; } else { var begin = (pageIndex - 3); var end = (pageIndex + 1); //頭溢出 if (begin < 1) { begin = 1; end = 5; } //尾溢出 if (end > pageCount) { begin = pageCount - 4; end = pageCount; } } console.log("begin:" + begin); console.log("end:" + end); for (var i = begin; i <= end; i++) { if (i == pageIndex) { $(".nav-links").append(`${i}`); } else { $(".nav-links").append(`${i}`); } } if (pageIndex != pageCount) { var lastPageHtml = `尾頁(yè)` + `` + `` + `` $(".nav-links").append(lastPageHtml); } }
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/77711.html
摘要:的分頁(yè)組件默認(rèn)為的分頁(yè)樣式,但如果我們用的并不是或者說(shuō)分頁(yè)的結(jié)構(gòu)不一樣,這時(shí)我們需要自定義分頁(yè)。進(jìn)一步,可以看到通過(guò)繼承并對(duì)方法進(jìn)行重寫(xiě),由此可見(jiàn),我們可以通過(guò)繼承類(lèi)并對(duì)方法進(jìn)行重寫(xiě),就可以自定義分頁(yè)的樣式了。 ????????Laravel 的分頁(yè)組件默認(rèn)為 Bootstrap 的分頁(yè)樣式,但如果我們用的并不是 Bootstrap 或者說(shuō)分頁(yè)的 HTML結(jié)構(gòu)不一樣,這時(shí)我們需要自定義...
摘要:項(xiàng)目中遇到切換列表,每個(gè)都需要分頁(yè)的需求,分頁(yè)流程具有相似性,于是想將分頁(yè)封裝為組件,方便應(yīng)用。組件的復(fù)用完成了以上組件,在對(duì)其他分頁(yè)的頁(yè)面,可以直接復(fù)用。 項(xiàng)目中遇到 tab切換列表,每個(gè)tab都需要分頁(yè)的需求,分頁(yè)流程具有相似性,于是想將分頁(yè)封裝為組件,方便應(yīng)用。 組件的應(yīng)用已寫(xiě)成一個(gè)小demo,效果如下圖所示(數(shù)據(jù)用mock模擬): showImg(https://segment...
摘要:目前,無(wú)法高效執(zhí)行使用語(yǔ)句的分頁(yè)操作。如果你需要在分頁(yè)結(jié)果集中使用,建議你查詢(xún)數(shù)據(jù)庫(kù)并手動(dòng)創(chuàng)建分頁(yè)器。手動(dòng)創(chuàng)建分頁(yè)如果你想手動(dòng)創(chuàng)建分頁(yè)實(shí)例并且最終得到一個(gè)數(shù)組類(lèi)型的結(jié)果,可以根據(jù)需求來(lái)創(chuàng)建或者實(shí)例來(lái)實(shí)現(xiàn)。 showImg(https://segmentfault.com/img/bVbbGos?w=640&h=400); laravel分頁(yè)功能: 有幾種方法可以對(duì)數(shù)據(jù)進(jìn)行分頁(yè)。最簡(jiǎn)單的...
摘要:分頁(yè)思路考評(píng)員查詢(xún),因?yàn)檎w的數(shù)據(jù)量比較小,所以我們可以將分頁(yè)放到前臺(tái)進(jìn)行處理。公共方法這是最后實(shí)現(xiàn)的中的公共方法。對(duì)數(shù)據(jù)進(jìn)行分割,數(shù)據(jù)應(yīng)該是從到,加上就是之前的頁(yè)數(shù)中的數(shù)據(jù)量。 分頁(yè)思路 考評(píng)員查詢(xún),因?yàn)檎w的數(shù)據(jù)量比較小,所以我們可以將分頁(yè)放到前臺(tái)進(jìn)行處理。 其實(shí)分頁(yè)的原理也很簡(jiǎn)單,我們根據(jù)分頁(yè)選擇的頁(yè)碼數(shù)和每頁(yè)數(shù)據(jù)條數(shù)決定當(dāng)前顯示的是數(shù)組中的第多少項(xiàng)到多少項(xiàng),然后再構(gòu)造分頁(yè)的參數(shù)...
摘要:從學(xué)到的不侵入的前言最近搭新項(xiàng)目框架,之前的攔截器都是自己寫(xiě)的,一般是有個(gè)類(lèi)型做判斷是否增加分頁(yè)。發(fā)現(xiàn)開(kāi)源項(xiàng)目不需要侵入方法的就可以做分頁(yè),特此來(lái)源碼分析一下。 從 PageHelper 學(xué)到的不侵入 Signature 的 AOP 前言 最近搭新項(xiàng)目框架,之前 Mybatis 的攔截器都是自己寫(xiě)的,一般是有個(gè) Page 類(lèi)型做判斷是否增加分頁(yè) sql。但是這樣同樣的業(yè)務(wù)開(kāi)放給頁(yè)面和 ...
摘要:本文就這一問(wèn)題給出解決方案。具體修改的代碼是在分頁(yè)類(lèi)文件的最后加上一個(gè)自定義函數(shù),用于替換中的參數(shù)分隔符號(hào),函數(shù)內(nèi)容如下自學(xué)博客修改最終生成的在文件的第行,將原來(lái)的修改為生成標(biāo)準(zhǔn)的經(jīng)過(guò)這兩步修改就可以解決分頁(yè)亂碼的問(wèn)題了。 thinkphp自帶的分頁(yè)類(lèi)存在bug,例如當(dāng)我們搜索關(guān)鍵詞時(shí),關(guān)鍵詞為中文,第二次點(diǎn)擊分頁(yè)的時(shí)候,就會(huì)亂碼,不能正常的顯示我們需要的頁(yè)碼。本文就這一問(wèn)題給出解決方...
閱讀 1368·2021-11-24 09:39
閱讀 1358·2021-11-04 16:12
閱讀 2701·2021-09-24 09:47
閱讀 3347·2021-09-01 10:50
閱讀 1487·2019-08-30 15:55
閱讀 1432·2019-08-30 15:43
閱讀 652·2019-08-30 11:08
閱讀 3588·2019-08-23 18:33