java實現分頁查詢

1.基本思路

我現階段的分頁查詢的實現是基於sql語句的。

select * from user where id limit a, b

構造出相應的a和b就可以查詢出想要的數據，在顯示在頁面上。重點是要構造出當前的頁數，就要封裝一個javaBean，存儲有關分頁的基本屬性。

這樣只需在service層計算想要的頁數，並封裝基本的信息，在查詢出來顯示在前端就可以了。

2.具體實現

1.定義JavaBean

public @Data
class PageBean<T> implements Serializable {
    private Integer page;//當前頁數
    private Integer limit;//每頁顯示數
    private Integer totalPage;//總頁數
    private Integer total;//總記錄數
    private List<T> pageRecode;//當前頁面的數據集合
    private List<Integer> pages;//返回頁數的集合，用於顯示index頁面的上一頁、下一頁
}

2.controller：

PageBean<QuestionDTO> pageBean = questionService.questionList(page);

返回一個QuestionDTO類型的JavaBean，其中包含了分頁的一些信息和當前頁面所要顯示的數據集合。有關QuestionDTO：

public @Data
class QuestionDTO {
    private Integer id;
    private String title;
    private String description;
    private Long gmtCreate;
    private Long GmtModified;
    private Integer creator;
    private Integer attentionCount;
    private Integer viewCount;
    private Integer likeCount;
    private String tag;
    private User user;
    
}

3.調用的Service：

     //查詢所有的問題回顯到index頁面
    public PageBean<QuestionDTO> questionList(Integer page) {
        List<QuestionDTO> list = new ArrayList<>();
        PageBean<QuestionDTO> pagesinfo = new PageBean<>();
        //1.設置limit
        Integer limit = 5;
        pagesinfo.setLimit(limit);
        //2.設置總記錄數
        Integer total = questionMapper.fingCount();
        pagesinfo.setTotal(total);
        //3.設置總的頁數
        Integer totalPage;
        if(total % limit == 0){
            totalPage = total / limit;
        }else{
            totalPage = total / limit + 1;
        }
        pagesinfo.setTotalPage(totalPage);
        //4.設置頁數的集合
        List<Integer> pages = new ArrayList<>();
        for(int i=1;i<totalPage+1;i++){
            pages.add(i);
        }
        pagesinfo.setPages(pages);
        //5.設置每頁的數據集合
        List<Question> questions = questionMapper.questionList(page,limit);
        for(Question question : questions){
            User user = userMapper.findById(question.getCreatar());
            QuestionDTO questionDTO = new QuestionDTO();
            BeanUtils.copyProperties(question,questionDTO);
            questionDTO.setUser(user);
            list.add(questionDTO);
        }
        pagesinfo.setPageRecode(list);
        return pagesinfo;
    }

在service層為PageBean的屬性賦值，並且查詢出相關的數據。第4步如果有疑惑請參照多表聯合查詢的簡單另類的實現方式。

4.mapper

   //查詢所有的問題並回顯到index頁面
    @Select("select * from question where id limit #{page},#{limit}")
    List<Question> questionList(Integer page, Integer limit);

    //查詢總的問題數
    @Select("select count(id) from question")
    Integer fingCount();

做完這些，controller中的PageBean中就會封裝有查詢的數據。在返回前端顯示就完成了。

5.前端代碼

  <!-- 分頁 -->
            <nav aria-label="Page navigation" th:align="right">
                <ul class="pagination">
                    <li th:if="${pageBean.totalPage>5 || pageBean.totalPage==1}">
                        <a href="#" aria-label="Previous">
                            <span aria-hidden="true">&laquo;</span>
                        </a>
                    </li>
                    <li  th:each="page:${pageBean.pages}"><a href="#" th:text="${page}"></a></li>
                    <li>
                        <a href="#" aria-label="Next" th:if="${pageBean.totalPage>5}">
                            <span aria-hidden="true">&raquo;</span>
                        </a>
                    </li>
                </ul>
            </nav>

迴圈取出page。

另一種方式，使用mybatis-generator生成的分頁查詢方法

        QuestionExample example = new QuestionExample();
        example.createCriteria().
                andCreatorEqualTo(id);
        List<Question> questions = questionMapper.selectByExampleWithRowbounds(example, new RowBounds(page,limit));

設置好頁數和每一頁顯示的個數，就可以返回對應的結果集。也同樣可以做到分頁。

持續更新~~~