JSP中的分页解析

该博客演示了如何在Java Web应用中实现分页查询功能。通过初始化数据、设置分页参数、计算分页信息、截取数据并传递到页面展示,详细解释了分页查询的步骤。同时,提供了JavaScript函数以支持页面上的分页导航操作。
摘要由CSDN通过智能技术生成

分页查询:
// 1.初始化数据
List<UserBean> list = new ArrayList<>();
for (int i = 0; i <= 100; i++) {
list.add(new UserBean(i, "木婉清" + i, 10 + i));
}


// 2.初始化已知条件
//int currentPage = 8; // 当前页面
int pageSize = 10; // 每页显示的数据

// 从客户端获取当前页面currentPage的值
int currentPage = parseInt(request.getParameter("currentPage"), 1);


// 3.计算
int startIndex = (currentPage - 1) * pageSize; // 开始下标
int endIndex = currentPage * pageSize; // 结束下标
int totalCount = list.size(); // 总记录数
//解决最后一页数据显示不全,填不满最后一页,出现数组越界问题
endIndex = endIndex>totalCount?totalCount:endIndex;
int pageCount = (totalCount-1)/pageSize+1;


// 4.截取分页后的数据
List<UserBean> result = list.subList(startIndex, endIndex);


// 5.将截取的数据保存到作用域中
request.setAttribute("list", result);
request.setAttribute("pageCount", pageCount);
request.setAttribute("currentPage", currentPage);


// 6.跳转页面
request.getRequestDispatcher("/fenye.jsp").forward(request, response);


<!-- 分页栏目的功能 -->
<script>
/* 首页 */
function firstPage(){
location.href = "FenYeServlet?currentPage=1";
}


/* 上一页 */
function backPage(){
location.href = "FenYeServlet?currentPage=${currentPage eq 1?1:currentPage-1 }";
}


/* 下一页 */
function nextPage(){
location.href = "FenYeServlet?currentPage=${currentPage eq pageCount?pageCount:currentPage+1 }";
}


/* 尾页 */
function lastPage(){
location.href = "FenYeServlet?currentPage=${pageCount }";
}
</script>
 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值