jsp前端实现分页代码
前端需要订⼀page类包装，其参数为
private Integer pageSize=10; //每页记录条数=10
private Integer totalCount; //总记录条数
private Integer totalPage; //总页数
private Integer currPage; //当前页
private Integer startIndex; //开始索引
private List<M> list; //结果集
进⾏查询的数据set进对象，在运⽤ModelAndView对象
ModelAndView .addObject("page",page);
将page返回前台jsp，接受成功之后在其他页⾯直接引⽤jsp标签<jsp:include page="/page.jsp" />就可以调⽤以下为jsp页⾯代码：
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="java.sun/jsp/jstl/core"%>
<!-- 最下⾯显⽰跳转页⾯ -->
<!-- ${alCount }总的记录条数其他的类似，与Page.java相关联 -->
<div >jsp用什么前端框架
共 <i class="blue">${alCount }</i>
条记录，当前显⽰第 <i class="blue">${page.currPage }
</i> 页 / 共 <i class="blue">${alPage }</i> 页
跳转
<input type="text" class="scinput"
id="currPage2" onblur="page2()"
onkeyup="this.value=place(/\D/g,'')"
onafterpaste="this.value=place(/\D/g,'')" /> 页
<!-- ⾸页按钮，跳转到⾸页 -->
<p> <c:if test="${page.currPage <= 1 }"></c:if>
<a href="javascript:;" <c:if test="${page.currPage > 1 }">onclick="page1(1)"</c:if> >⾸页</a>
<!-- 上页按钮，跳转到上⼀页 -->
<c:if test="${page.currPage <= 1 }"></c:if>
<a href="javascript:;" <c:if test="${page.currPage > 1 }">onclick="page1('${page.currPage - 1}')"</c:if> >上页</a>
<!-- 下页按钮，跳转到下⼀页 -->
<c:if test="${page.currPage >= alPage }"></c:if>
<a href="javascript:;" <c:if test="${page.currPage < alPage }">onclick="page1('${page.currPage + 1}')"</c:if> >下页</a> <!-- 末页按钮，跳转到最后⼀页 -->
<c:if test="${page.currPage >= alPage }"></c:if>
<a href="javascript:;" <c:if test="${page.currPage < alPage }">onclick="page1('${alPage}')"</c:if> >末页</a>
</p>
</div>
发表评论