Page分页组件

本文详细介绍了如何设计并实现一个高性能的Page分页组件,包括关键功能、交互逻辑以及优化策略。通过实例展示,帮助读者理解在网页应用中如何有效地管理和展示大量数据。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

页面效果图:

实现原理分析:

1.在action中实例化page
此时page会进struts值栈,在page分页组件中有一个属性是links用来存放分页条,在页面通过${links}的方式来获取这个分页条(此分页条是手动拼接出来的)



page分页组件代码如下:
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import cn.itcast.jx.common.SysConstant;

/**
* 分页辅助类:对分页的基本数据进行一个简单的封装
* 用来传递分页参数和查询参数params
*
*/

public class Page<T> {
private int pageNo = 1; //页码,默认是第一页
private int pageSize = SysConstant.PAGE_SIZE; //每页显示的记录数,默认是2
private int totalRecord; //总记录数
private int totalPage; //总页数
private List<T> results; //对应的当前页记录
private Map<String, Object> params = new HashMap<String, Object>(); //其他的参数我们把它分装成一个Map对象
public int getPageNo() {
return pageNo;
}
public void setPageNo(int pageNo) {
this.pageNo = pageNo;
}
public int getPageSize() {
return pageSize;
}
public void setPageSize(int pageSize) {
this.pageSize = pageSize;
}
public int getTotalRecord() {
return totalRecord;
}
public void setTotalRecord(int totalRecord) {
this.totalRecord = totalRecord;
//在设置总页数的时候计算出对应的总页数,在下面的三目运算中加法拥有更高的优先级,所以最后可以不加括号。
int totalPage = totalRecord%pageSize==0 ? totalRecord/pageSize : totalRecord/pageSize + 1;
this.setTotalPage(totalPage);
}
public int getTotalPage() {
return totalPage;
}
public void setTotalPage(int totalPage) {
this.totalPage = totalPage;
}
public List<T> getResults() {
return results;
}
public void setResults(List<T> results) {
this.results = results;
}
public Map<String, Object> getParams() {
return params;
}
public void setParams(Map<String, Object> params) {
this.params = params;
}
public String toString() {
StringBuilder builder = new StringBuilder();
builder.append("Page [pageNo=").append(pageNo).append(", pageSize=").append(pageSize).append(", results=").append(results).append(", totalPage=").append(totalPage).append(", totalRecord=").append(totalRecord).append("]");
return builder.toString();
}
/* 页面链接 */
public String url; //分页按钮中的转向链接
public void setUrl(String url) {
this.url = url;
}
public String links;
public String getLinks() {
/**
* 第1页 / 共1页 总共8条记录 每页10条记录 [首页] [上一页] [下一页] [末页]
* @return
*/
String str = "";
//此处的name值应该写page.pageNo表示提交给页面的page对象的pageNo属性
str +="<input type='hidden' id='pageNo' name='page.pageNo' value='1'>";
str+="第"+pageNo+"页 / 共"+totalPage+"页 总共"+totalRecord+"条记录 每页"+pageSize+"条记录 ";
// [首页] --->为页面中引号配对发生错误,可以用转义 \"
str+="<a href='#' onclick=\"turnPage(1,'"+url+"')\">[首页]</a>";
//[上一页]
int no = pageNo-1>1?pageNo-1:1;
str+="<a href='#' onclick=\"turnPage("+no+",'"+url+"')\">[上一页]</a>";
//[下一页]
no = pageNo+1<totalPage?pageNo+1:totalPage;
str+="<a href='#' onclick=\"turnPage("+no+",'"+url+"')\">[下一页]</a>";
//[末页]
str+="<a href='#' onclick=\"turnPage("+totalPage+",'"+url+"')\">[末页]</a>";
return str;

}

}

2.在jsp页面中通过如下方式获取分页条和分页查询的数据




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值