后端 分页组件实例
【摘要】 /** * 分页相关信息 */public class Page { //当前页码 private int current=1; //显示的上限 private int limit=10; //数据总数 //用于计算页数 private int rows; //路径 private String path; public int getCurrent() { return ...
-
/**
-
* 分页相关信息
-
*/
-
public class Page {
-
//当前页码
-
private int current=1;
-
//显示的上限
-
private int limit=10;
-
//数据总数
-
//用于计算页数
-
private int rows;
-
//路径
-
private String path;
-
-
public int getCurrent() {
-
return current;
-
}
-
-
public void setCurrent(int current) {
-
if (current >= 1) {
-
this.current = current;
-
}
-
}
-
public int getLimit() {
-
return limit;
-
}
-
-
public void setLimit(int limit) {
-
if (limit >= 1 && limit<=100) {
-
this.limit = limit;
-
}
-
}
-
-
public int getRows() {
-
return rows;
-
}
-
-
public void setRows(int rows) {
-
if(rows>=0){
-
this.rows = rows;
-
}
-
}
-
-
public String getPath() {
-
return path;
-
}
-
-
public void setPath(String path) {
-
this.path = path;
-
}
-
-
/**
-
* 获取起始行
-
* @return
-
*/
-
public int getOffset(){
-
return (current-1)*limit;
-
}
-
-
/**
-
* 获取起始页码
-
*
-
* @return
-
*/
-
public int getFrom() {
-
int from = current - 2;
-
return from < 1 ? 1 : from;
-
}
-
-
/**
-
* 获取结束页码
-
*
-
* @return
-
*/
-
public int getTo() {
-
int to = current + 2;
-
int total = getTotal();
-
return to > total ? total : to;
-
}
-
/**
-
* 获取总页数
-
*
-
* @return
-
*/
-
public int getTotal() {
-
// rows / limit [+1]
-
if (rows % limit == 0) {
-
return rows / limit;
-
} else {
-
return rows / limit + 1;
-
}
-
}
-
}
-
@RequestMapping(path = "/index", method = RequestMethod.GET)
-
public String getIndexPage(Model model, Page page,
-
@RequestParam(name = "orderMode", defaultValue = "0") int orderMode) {
-
// 方法调用前,SpringMVC会自动实例化Model和Page,并将Page注入Model.
-
// 所以,在thymeleaf中可以直接访问Page对象中的数据.
-
page.setRows(discussPostService.findDiscussPostRows(0));
-
page.setPath("/index?orderMode=" + orderMode);
-
-
List<DiscussPost> list = discussPostService.findDiscussPosts(0, page.getOffset(), page.getLimit(),orderMode);
-
List<Map<String, Object>> discussPosts = new ArrayList<>();
-
......
-
model.addAttribute("discussPosts", discussPosts);
-
model.addAttribute("orderMode", orderMode);
-
-
return "/index";
-
}
-
<!-- 分页 -->
-
<nav class="mt-5" th:if="${page.rows>0}" th:fragment="pagination">
-
<ul class="pagination justify-content-center">
-
<li class="page-item">
-
<a class="page-link" th:href="@{${page.path}(current=1)}">首页</a>
-
</li>
-
<li th:class="|page-item ${page.current==1?'disabled':''}|">
-
<a class="page-link" th:href="@{${page.path}(current=${page.current-1})}">上一页</a></li>
-
<li th:class="|page-item ${i==page.current?'active':''}|" th:each="i:${#numbers.sequence(page.from,page.to)}">
-
<a class="page-link" th:href="@{${page.path}(current=${i})}" th:text="${i}">1</a>
-
</li>
-
<li th:class="|page-item ${page.current==page.total?'disabled':''}|">
-
<a class="page-link" th:href="@{${page.path}(current=${page.current+1})}">下一页</a>
-
</li>
-
<li class="page-item">
-
<a class="page-link" th:href="@{${page.path}(current=${page.total})}">末页</a>
-
</li>
-
</ul>
-
</nav>
文章来源: fantianzuo.blog.csdn.net，作者：兔老大RabbitMQ，版权归原作者所有，如需转载，请联系作者。
原文链接：fantianzuo.blog.csdn.net/article/details/102613854
【版权声明】本文为华为云社区用户转载文章，如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）