分页查询

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。

---