Bootstrap5.0 完美翻页方案 Spring boot + Thymeleaf 实现

最新推荐文章于 2024-08-26 11:53:53 发布

图腾泰科

最新推荐文章于 2024-08-26 11:53:53 发布

阅读量1.2k

点赞数

分类专栏： Java Web前端文章标签： spring java bootstrap

本文链接：https://blog.csdn.net/totemtec/article/details/124435430

版权

本文展示了如何使用Spring Boot和Thymeleaf结合Bootstrap5.0实现翻页功能。重点在于Controller中处理翻页参数和数据，以及页面代码的逻辑，包括计算左侧和右侧页码，处理省略号显示。该方案具有良好的适应性和可复用性，并提醒注意服务器端页码与前端显示页码的区别。提供了运行和查看调试信息的步骤，以及完整代码的GitHub链接。

摘要由CSDN通过智能技术生成

废话不多说，上效果图：

最重要的哈，Show me the code

Controller代码主要是接收翻页参数，组织翻页数据，使用了Spring MVC和Spring Data提供的工具类。

代码如下：

@Controller
public class UserController {

    private static final int DEFAULT_CURRENT = 1;
    private static final int DEFAULT_PAGE_SIZE = 10;

    @GetMapping(value = {"/user/list"})
    public String pagination(@RequestParam Optional<Integer> page,
                             @RequestParam Optional<Integer> size,
                             Model model) {

        // 请求参数处理
        int currentPage = page.orElse(DEFAULT_CURRENT);
        int pageSize = size.orElse(DEFAULT_PAGE_SIZE);
        // 这里当前页码需要减去1，因为Pageable翻页从0开始
        Pageable pageable = PageRequest.of(currentPage-DEFAULT_CURRENT, pageSize, Sort.by("id").descending());



        // 返回数据，这里是样例，随便做了点数据
        List<User> userList = new ArrayList<>();
        for (int i = 10 * (currentPage-1); i < 10 * currentPage; i++) {
            User user = new User();
            user.setId(new Long(i));
            user.setName("User " + i