Java 실용적인 HTML 페이징 디자인

페이지 디자인 원리

해당 페이지 번호에 필요한 데이터를 매번 jsp 또는 html 파일로 표시해야 하므로 이러한 데이터를 javabean

에 캡슐화해야 하며 백그라운드에서 이를 쿼리합니다. 데이터를 해당 javabean 객체 인스턴스에 저장한 다음 요청 범위, html 또는 jsp 페이지에 객체를 저장합니다

도메인에서 필요한 데이터 가져오기

LepPage 클래스 생성

import java.util.List;

public class LepPage<T> {

    /**
     * 如果指定的分页大小小于等于0，则义默认分页为20条数据
     */
    public static final int DEFAULT_ROW_SIZE = 20;

    /**
     * 如果指定的分页页码小于等于0，则默认为第一页。
     */
    public static final int DEFAULT_PAGE_NUM = 1;

    private int pageNo=DEFAULT_PAGE_NUM; // 当前页码
    private int pageSize=DEFAULT_ROW_SIZE; // 页面大小
    private int totalCount=-1; // 总记录数
    private int totalPage=-1; // 总页数
    private int startIndex; // 分页开始位置
    private int endIndex; // 分页结束位置
    private List<T> results; // 返回的结果集

    /*
     * 是否手动设置过总记录数<br/>
     * 如果手动设置过，则不自动去计算数据总数。否则，将对SQL语句包装成COUNT语句去查询总记录数
     */
    private boolean alreadySetTotolRecode = false;

    /*
     * 计算总页数
     */
    private void calculateTotalPage() {
        this.alreadySetTotolRecode = true;

        if ( this.totalCount < 0 ) {
            this.totalCount = 0;
        }

        if ( this.totalCount % this.pageSize == 0 ) {
            this.totalPage = this.totalCount / this.pageSize;
        } else {
            this.totalPage = this.totalCount / this.pageSize + 1;
        }
    }

    /**
     * 该方法不推荐使用，使用{@code Page(int PageNo, int pageSize)}进行替换
     */
    public LepPage() {
        super();
    }

    private void calculatorPageNo() {
        this.startIndex = pageNo > 0 ? ((pageNo - 1) * pageSize) : 0;
        this.endIndex = pageNo * pageSize;
    }

    /**
     * 构造一个Page对象
     * @param pageNo 当前页码
     * @param pageSize 页面大小
     */
    public LepPage(int pageNo, int pageSize) {
        this.pageNo = pageNo;
        this.pageSize = pageSize;
        calculatorPageNo();
    }

    public int getPageNo() {
        return pageNo;
    }

    public void setPageNo(int PageNo) {
        if ( PageNo <= 0 ) {
            this.pageNo = DEFAULT_PAGE_NUM;
        }
        this.pageNo = PageNo;
        calculatorPageNo();
    }

    public int getPageSize() {
        return pageSize;
    }

    public void setPageSize(int pageSize) {
        if ( pageSize <= 0 ) {
            this.pageSize = DEFAULT_ROW_SIZE;
        }
        this.pageSize = pageSize;
        calculatorPageNo();
    }

    public int getTotalCount() {
        return totalCount;
    }

    public void setTotalCount(int totalCount) {
        this.totalCount = totalCount;

        // 去计算总页数
        calculateTotalPage();
    }

    public int getTotalPage() {
        return totalPage;
    }

    public void setTotalPage(int totalPage) {
        this.totalPage = totalPage;
    }

    public int getStartIndex() {
        return startIndex;
    }

    public void setStartIndex(int startIndex) {
        this.startIndex = startIndex;
    }

    public int getEndIndex() {
        return endIndex;
    }

    public void setEndIndex(int endIndex) {
        this.endIndex = endIndex;
    }

    public List<T> getResults() {
        return results;
    }

    public void setResults(List<T> results) {
        this.results = results;
    }

    public boolean isAlreadySetTotolRecode() {
        return alreadySetTotolRecode;
    }

    public void setAlreadySetTotolRecode(boolean alreadySetTotolRecode) {
        this.alreadySetTotolRecode = alreadySetTotolRecode;
    }

    @Override
    public String toString() {
        return "Page{" +
                "pageNo=" + pageNo +
                ", pageSize=" + pageSize +
                ", totalCount=" + totalCount +
                ", totalPage=" + totalPage +
                ", startIndex=" + startIndex +
                ", endIndex=" + endIndex +
                ", results=" + results +
                ", alreadySetTotolRecode=" + alreadySetTotolRecode +
                &#39;}&#39;;
    }
}

서비스 계층에 비즈니스 로직 코드 작성

Json 개체에 해당 페이징 개체를 추가하고 프런트 엔드로 반환합니다.

위 내용은 Java 실용적인 HTML 페이징 디자인의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!