学习Thymeleaf简单分页

链接如下:

https://blog.csdn.net/weixin_56163435/article/details/122498169

整合MybatisPlus后才能使用。

1.首先要编写分页插件 MybatisPlusConfig。

@Configuration

public class MybatisPlusConfig {

@Bean

public MybatisPlusInterceptor mybatisPlusInterceptor() {

MybatisPlusInterceptor interceptor = new MybatisPlusInterceptor();

interceptor.addInnerInterceptor(new PaginationInnerInterceptor(DbType.H2));

return interceptor;

}

}

2.分页查询，遍历数据库中的数据

@GetMapping("/dynamic_table")

public String dynamic_table(@RequestParam(value = "pn",defaultValue = "1") Integer pn,Model model){

// List<User> list = userService.list();

// model.addAttribute("users",list);

Page<User> userPage = new Page<>(pn,2);

Page<User> page = userService.page(userPage,null);

long current = page.getCurrent();

long pages = page.getPages();

long total = page.getTotal();

List<User> records = page.getRecords();

model.addAttribute("page",page);

return "table/dynamic_table";

}

<tr class="gradeX" th:each="user,stats:${page.records}">

<td th:text="${stats.count}">Trident</td>

<td th:text="${user.id}">id</td>

<td class=" " th:text="${user.name}"></td>

<td class=" " th:text="${user.age}"></td>

<td class="center hidden-phone">[[${user.email}]]</td>

<td class="center hidden-phone sorting_1">X</td>

</tr>

3.数据统计

<div class="dataTables_info" id="editable-sample_info">

当前第 [[${page.current}]] 页

总计 [[${page.pages}]] 页

共 [[${page.total}]] 条记录

</div>

4.前一页，后一页，和页面选择

<ul>

<li th:if="${page.current>1}" class="prev"><a th:href="@{/dynamic_table(pn=${(page.current)-1})}">← 前一页</a></li>

<li th:if="${page.current==1}" class="prev disabled"><a>← 前一页</a></li>

<li th:class="${num == page.current?'active':''}" class="active" th:each="num:${#numbers.sequence(1,page.pages)}">

<a th:href="@{/dynamic_table(pn=${num})}">[[${num}]]</a>

</li>

<li th:if="${page.current<page.pages}" class="next"><a th:href="@{/dynamic_table(pn=${(page.current)+1})}">下一页 → </a></li>

<li th:if="${page.current==page.pages}" class="next disabled"><a>下一页 →</a></li>

</ul>

5.最终效果

————————————————

版权声明：本文为CSDN博主「小张的悠闲时光」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。

原文链接：https://blog.csdn.net/weixin_56163435/article/details/122498169