ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

分页工具

2019-10-13 20:01:21  阅读:401  来源: 互联网

标签:pageNum 分页 totalPageNum long private return 工具 public


package com.zxkj.bean;

import java.util.List;

public class PageBean<T> {
    //当前页显示的数据
    private List<T> records;
    //当前页码
    private long pageNum;
    //总页码
    private long totalPageNum;

    //每页显示的记录条数
    private long pageSize = GlobalConst.PAGE_SIZE;
    //总记录条数
    private long totalRecordsNum;
    //上一页
    private long prePageNum;
    //下一页
    private long nextPageNum;

    //自定义值
    private Object object;
    //查询分页的请求的地址(通过这个属性可以将页面中的分页部分给抽取成公共部分)
    private String url;    

    public List<T> getRecords() {
        return records;
    }

    public void setRecords(List<T> records) {
        this.records = records;
    }

    public long getPageNum() {
        return pageNum;
    }

    public void setPageNum(long pageNum) {
        this.pageNum = pageNum;
    }

    public long getTotalPageNum() {
        return totalPageNum;
    }

    public void setTotalPageNum(long totalPageNum) {
        this.totalPageNum = totalPageNum;
    }

    public Object getObject() {
        return object;
    }

    public void setObject(Object object) {
        this.object = object;
    }

    public long getPrePageNum() {
        prePageNum = pageNum - 1;
        if (prePageNum < 1) {
            prePageNum = 1;
        }
        return prePageNum;
    }

    public long getNextPageNum() {
        nextPageNum = pageNum + 1;
        if (nextPageNum > totalPageNum) {
            nextPageNum = totalPageNum;
        }
        return nextPageNum;
    }

    public long getPageSize() {
        return pageSize;
    }

    public void setPageSize(long pageSize) {
        this.pageSize = pageSize;
    }

    public long getTotalRecordsNum() {
        return totalRecordsNum;
    }

    public void setTotalRecordsNum(long totalRecordsNum) {
        this.totalRecordsNum = totalRecordsNum;
    }

    public String getUrl() {
        return url;
    }

    public void setUrl(String url) {
        this.url = url;
    }

    @Override
    public String toString() {
        StringBuffer sb = new StringBuffer();
        for (T t : records) {
            sb.append(t).append("\n");
        }
        return "PageBean{\n" +
                "pageNum=" + pageNum +
                ", totalPageNum=" + totalPageNum +
                ", pageSize=" + pageSize +
                ", totalRecordsNum=" + totalRecordsNum +
                ", prePageNum=" + prePageNum +
                ", nextPageNum=" + nextPageNum +
                ", url='" + url + '\'' + ",\n" +
                ", object='" + object.toString() +
                "records=" + sb +
                '}';
    }
}    

前端分页导航条:html+thymeleaf

<!--分页-->
<div class="btn-group btn-group-page" id="btn-group-page"
     style="position: fixed;bottom: 0px;bottom: 5px;left: 476px;"
     th:if="${pageBean != null && pageBean.records.size() ne 0}">
    <!--        上一页-->
    <a th:class="${pageBean.pageNum==1?'btn btn-default radius':'btn btn-primary radius'}"
       th:href="${pageBean.url}+${pageBean.prePageNum}"><i class="Hui-iconfont">&#xe6d4;</i></a>
    <!--        页码-->
    <a th:class="${pageBean.pageNum==i?'btn btn-secondary radius':'btn btn-default radius'}"
       th:href="${pageBean.url}+${i}"
       th:each="i: ${#numbers.sequence(__${pageBean.object[0]}__,__${pageBean.object[1]}__)}" th:text="${i}"></a>
    <!--        ...-->
    <a class="btn btn-default radius" th:href="${pageBean.url}+${pageBean.nextPageNum}"
       th:if="${pageBean.object[1]!=pageBean.totalPageNum}"><i class="Hui-iconfont">&#xe69c;</i></a>
    <!--        总页码-->
    <a class="btn btn-default radius" th:href="${pageBean.url}+${pageBean.totalPageNum}"
       th:if="${pageBean.object[1]!=pageBean.totalPageNum}" th:text="${pageBean.totalPageNum}"></a>
    <!--        下一页-->
    <a th:class="${pageBean.pageNum<pageBean.totalPageNum?'btn btn-primary radius':'btn btn-default radius'}"
       th:href="${pageBean.url}+${pageBean.nextPageNum}"><i class="Hui-iconfont">&#xe6d7;</i></a>
</div>

<!--以上可抽离出页面,用下面这段引用-->
<div style="float: right" th:include="common/_page.html"></div>

如果需要动态居中可以使用以下js代码(不推荐使用):

    // 分页导航条居中
    function pageCenter() {
        var page = document.getElementById("btn-group-page");
        //获取元素自身的宽度
        var L1 = page.offsetWidth;
        //获取实际页面的left值。(页面宽度减去元素自身宽度/2)
        var Left = (document.documentElement.clientWidth - L1) / 2;
        page.style.left = Left + 'px';
    }

    window.onresize = function () {
        pageCenter();
    }

 

 

标签:pageNum,分页,totalPageNum,long,private,return,工具,public
来源: https://www.cnblogs.com/Zhusi/p/11668061.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有