thymeleaf 中 通用的分页方法

简介: thymeleaf 中 通用的分页方法


  1. 在项目中调用api后将数据分页显示,很多的插件都是和数据库相关的使用数据库的 limit 特性 像 pagehelper、Spring Data Jpa这些插件,在这里不适合。这里介绍一种不用后端实现的假分页。主要是对查询后的集合进行下标截取。
  • 工具类代码
import java.util.List;
// 分页工具类
public class PageUtil<T> {
        // 对象记录结果集
        private List<T> list;
        // 总记录数
        private int total = 0;
        // 每页显示记录数
        private int limit = 20;
        // 总页数
        private int pages = 1;
        // 当前页
        private int pageNumber = 1;
        // 是否为第一页
        private boolean isFirstPage = false;
        // 是否为最后一页
        private boolean isLastPage = false;
        // 是否有前一页
        private boolean hasPreviousPage = false;
        // 是否有下一页
        private boolean hasNextPage = false;
        // 导航页码数
        private int navigatePages = 8;
        // 所有导航页号
        private int[] navigatePageNumbers;
        // 尾页
        private int lastPage = 0 ;
        // 首页
        private int firstPage = 1 ;
        // 上一页
        private int prePage = 0;
        // 下一页
        private int nextPage = 0;
        public PageUtil(int pageNumber, int limit, List<T> list) {
            init(list, pageNumber, limit);
        }
        private void init(List<T> list, int pageNumber, int limit){
            //设置基本参数
            this.list = list;
            this.total = list.size();
            this.limit = limit;
            this.pages = (this.total-1)/this.limit+1;
            this.lastPage = pages;
            this.firstPage = 1;
            this.prePage = pageNumber-1;
            this.nextPage = pageNumber+1;
            //根据输入可能错误的当前号码进行自动纠正
            if(pageNumber<1){
                this.pageNumber=1;
            }else if(pageNumber>this.pages){
                this.pageNumber=this.pages;
            }else{
                this.pageNumber=pageNumber;
            }
            //基本参数设定之后进行导航页面的计算
            calcNavigatePageNumbers();
            //以及页面边界的判定
            judgePageBoudary();
        }
        /**
         * 计算导航页
         */
        private void calcNavigatePageNumbers(){
            //当总页数小于或等于导航页码数时
            if(pages<=navigatePages){
                navigatePageNumbers=new int[pages];
                for(int i=0;i<pages;i++){
                    navigatePageNumbers[i]=i+1;
                }
            }else{ //当总页数大于导航页码数时
                navigatePageNumbers=new int[navigatePages];
                int startNum=pageNumber-navigatePages/2;
                int endNum=pageNumber+navigatePages/2;
                if(startNum<1){
                    startNum=1;
                    //(最前navPageCount页
                    for(int i=0;i<navigatePages;i++){
                        navigatePageNumbers[i]=startNum++;
                    }
                }else if(endNum>pages){
                    endNum=pages;
                    //最后navPageCount页
                    for(int i=navigatePages-1;i>=0;i--){
                        navigatePageNumbers[i]=endNum--;
                    }
                }else{
                    //所有中间页
                    for(int i=0;i<navigatePages;i++){
                        navigatePageNumbers[i]=startNum++;
                    }
                }
            }
        }
        /**
         * 判定页面边界
         */
        private void judgePageBoudary(){
            isFirstPage = pageNumber == 1;
            isLastPage = pageNumber == pages && pageNumber!=1;
            hasPreviousPage = pageNumber!=1;
            hasNextPage = pageNumber!=pages;
        }
        /**
         * 得到当前页的内容
         * @return {List}
         */
        public List<T> getList() {
            int endIndex = total;
            if(pageNumber*limit <= total){
                endIndex = pageNumber*limit;
            }
            List<T> pagelist = list.subList((pageNumber-1)*limit, endIndex);
          return pagelist;
        }
    public int getLastPage() {
        return lastPage;
    }
    public void setLastPage(int lastPage) {
        this.lastPage = lastPage;
    }
    public int getFirstPage() {
        return firstPage;
    }
    public void setFirstPage(int firstPage) {
        this.firstPage = firstPage;
    }
    public int getPrePage() {
        return prePage;
    }
    public void setPrePage(int prePage) {
        this.prePage = prePage;
    }
    public int getNextPage() {
        return nextPage;
    }
    public void setNextPage(int nextPage) {
        this.nextPage = nextPage;
    }
        /**
         * 得到记录总数
         * @return {int}
         */
        public int getTotal() {
            return total;
        }
        /**
         * 得到每页显示多少条记录
         * @return {int}
         */
        public int getLimit() {
            return limit;
        }
        /**
         * 得到页面总数
         * @return {int}
         */
        public int getPages() {
            return pages;
        }
        /**
         * 得到当前页号
         * @return {int}
         */
        public int getPageNumber() {
            return pageNumber;
        }
        /**
         * 得到所有导航页号
         * @return {int[]}
         */
        public int[] getNavigatePageNumbers() {
            return navigatePageNumbers;
        }
        public boolean isFirstPage() {
            return isFirstPage;
        }
        public boolean isLastPage() {
            return isLastPage;
        }
        public boolean hasPreviousPage() {
            return hasPreviousPage;
        }
        public boolean hasNextPage() {
            return hasNextPage;
        }
    }
  • 业务处理中的使用
 /**
   * 进入用户列表首页
   * @param model
   * @param map
   *      key: currentPage 当前页码
   * @return 跳转至列表页面
   * @throws Exception 
   */ 
@RequestMapping("/findUserList.do")
    public String findUserList(@RequestParam Map<String, String> map, Model model) throws Exception {
     if (map.size() == 0 || map.get("currentPage").isEmpty()) {
            map.put("currentPage", "0");
         }
     // 查询用户列表 及设置分页信息
     List<UserDTO> userDTOList = userServiceImpl.findUserDTOList();
    // 参数为当前页码、每页显示条数、查询的列表集合
 PageUtil pageInfo = new PageUtil(Integer.valueOf(map.get("currentPage")), 20, userDTOList);
    model.addAttribute("userDTOList", pageInfo.getList());
     model.addAttribute("pageInfo", pageInfo);
    return "findUserDTOList";
    }
  • 页面展示
<table  class="table">
                <tr th:each="flpcDTO : ${userDTOList} ">
                  <td></td>
                </tr>
        </table>
        <div align="center">
            <a class="allpage"><b th:text="'共 '+ ${pageInfo.getPages()}+ ' 页'"></b></a>
            <a  th:href="@{/findUserList.do(currentPage=${pageInfo.getFirstPage()})}"  >首页</a>
            <a th:if="${pageInfo.hasPreviousPage()} == true" th:href="@{/findUserList.do(currentPage=${pageInfo.getPrePage()})}"  >上一页</a>
            <a th:href="@{'/findUserList.do?currentPage=' + ${i}}"  th:each="i :${#numbers.sequence(pageInfo.firstPage, pageInfo.lastPage)}" th:text="  ${i}"   th:class="${pageInfo.getPageNumber() == i}? 'page-item active' :' page-item' "></a>
            <a th:if="${pageInfo.hasNextPage()} == true" th:href="@{/findUserList.do(currentPage=${pageInfo.getNextPage()})}" >下一页</a>
            <a th:href="@{/findUserList.do(currentPage=${pageInfo.getLastPage()})}" >尾页</a>
        </div>


相关文章
|
5月前
|
SQL Java 数据库连接
mybatis常见分页技术和自定义分页原理实战
mybatis常见分页技术和自定义分页原理实战
|
8月前
|
XML 前端开发 Java
JavaEE通用分页(前端实现)
JavaEE通用分页(前端实现)
38 0
|
8月前
JavaEE--通用分页3
JavaEE--通用分页3
15 0
|
8月前
|
关系型数据库 MySQL
JavaEE--通用分页1
JavaEE--通用分页1
21 0
|
4天前
|
SQL 前端开发 Java
通过使用Mybatis插件来实现数据的分页功能
通过使用Mybatis插件来实现数据的分页功能
|
2月前
|
SQL Java 数据库连接
Mybatis是如何实现分页功能的
Mybatis是如何实现分页功能的
11 0
|
8月前
|
算法 JavaScript Java
通用分页【下】(将分页封装成标签)
调试()是指在软件开发过程中,通过识别、定位和解决程序错误或问题的过程。调试的目的是找出代码中的错误、异常或不正常的行为,并修复它们,以确保程序能够按照预期的方式运行。调试是一个重要的开发技巧,可以帮助开发人员理解程序的执行过程、找出错误的原因,并从中学习和改进。调试可以使用不同的工具和技术来辅助,例如打印输出、日志记录、调试器(debugger)等。调试是开发过程中不可或缺的一部分,可以帮助开发人员提高代码质量、加快解决问题的速度,并优化程序的性能和可靠性。
|
10月前
|
SQL Java 数据库连接
Mybatis 是如何进行分页的,分页插件的原理是什么?
Mybatis 是如何进行分页的,分页插件的原理是什么?
101 0
|
5月前
|
存储 前端开发 Java
详解通用分页(前端)
详解通用分页(前端)
16 0
|
6月前
|
缓存 前端开发 Java
通用分页详解(前端)
通用分页详解(前端)
279 0