分页技术----模拟百度算法的分页查询（可挪用）
编译环境：
Idea编译工具，jdk版本1.8，WebApp项目中
操作步骤：
1.在prom文件中引入PageHelper依赖
2.要引入gitHub上的分页插件PageHelper到spring容器（applicationContext-mybatis）中
<!--sqlSessionFactory-->
<bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
<property name="dataSource" ref="dataSource"/>
<property name="configLocation" value="classpath:mybatis-config.xml"/>
<!--配置mybatis 插件-->
<property name="plugins">
<set>
<!--配置pageHelper 分页插件-->
<bean class="com.github.pagehelper.PageInterceptor">
<property name="properties">
<value>
helperDialect=mysql
reasonable=true
supportMethodsArguments=true
params=count=countsql
autoRuntimeDialect=true
</value>
</property>
</bean>
</set>
</property>
</bean>
3.UserServiceImpl实现类的分页查询用户列表的方法中（dao层是应用了逆向工程的mybatis技术）
/**
* 分页查询用户列表（有条件）
*
* @param userName
* @param userRole
* @param curPage
* @param pageSize
* @return
*/
@Override
public List<User> getUserList2(String userName, Long userRole, Integer curPage, Integer pageSize) {
UserExample userExample = new UserExample();
if(!StringUtils.isNullOrEmpty(userName)){
userExample.createCriteria().andUserNameLike("%"+userName+"%");
}
if(userRole>0){
userExample.createCriteria().andUserRoleEqualTo((userRole));
}
/**
* 根据当前页和当前页的页面大小进行分页，
* 必须两条代码捆绑在一起
*/
PageHelper.startPage(curPage,pageSize);
List<User> userList = userMapper.selectByExample(userExample);
return userList;
}
4.UserController控制器类的分页查询方法中
/**
* 根据条件进行分页查询
* @return
*/
@RequestMapping("query2")
public String queryAllUserByCondition(Model model
, String userName
, Long userRole
, String pageNum){
if(StringUtils.isNullOrEmpty(pageNum)){
pageNum="1";
}
if(userRole==null||"".equals(userRole)){
userRole=0L;
}
List<Role> roles = roleService.queryAllRole();
List<User> userList2 = userService.getUserList2(userName, userRole, Integer.valueOf(pageNum), Constants.PAGE_SIZE);
PageInfo<User> pageInfo=new PageInfo<User>(userList2);
model.addAttribute("pageInfo",pageInfo);
model.addAttribute("roleList",roles);
model.addAttribute("userRole",userRole);
model.addAttribute("userName",userName);
return "user/userList2";
}
5.userList2页面中，引入了bootstrap前端框架技术，jstl的c标签支持，模拟百度分页算法
1)算法代码:
<div>
<form action="/jsp/user/query2" method="get">
<div class="form-row align-items-center">
<div class="col-auto">
<label class="sr-only" for="userName">userName</label>
<input type="text" class="form-control mb-2" id="userName" name="userName" value="${userName}" placeholder="userName">
</div>
<div class="col-auto form-row align-items-center">
<label class="sr-only" for="userRole">userRole</label>
<select class="custom-select mr-sm-2" id="userRole" name="userRole">
<option selected value="0">查看所有</option>
<c:forEach var="role" items="${roleList}">
<option value="${role.id}" ${role.id==userRole?"selected":""}>${role.roleName}</option>
</c:forEach>
</select>
</div>
<div class="col-auto">
<button type="submit" class="btn btn-primary mb-2">Submit</button>
</div>
<div style="{'float': 'right'}">
<a href="${pageContext.request.contextPath}/jsp/user/add" class="btn btn-success">用户新增</a>
</div>
</div>
<table class="table table-bordered">
<thead>
<tr>
<th scope="col">id</th>
<th scope="col">userCode</th>
<th scope="col">userName</th>
<th scope="col">gender</th>
<th scope="col">birthday</th>
<th scope="col">phone</th>
<th scope="col">address</th>
<th scope="col">userRole</th>
</tr>
</thead>
<tbody>
<c:forEach items="${pageInfo.list}" var="user">
<tr>
<th scope="row">${user.id}</th>
<td>${user.userCode}</td>
<td>${user.userName}</td>
<td>${user.gender}</td>
<td>${user.birthday}</td>
<td>${user.phone}</td>
<td>${user.address}</td>
<td>${user.userRole}</td>
</tr>
</c:forEach>
</tbody>
</table>
<div>
<nav aria-label="Page navigation example">
<ul class="pagination justify-content-center">
<c:if test="${pageInfo.pageNum>1}"><%--只让其点击的当前页大于1的时候进行显示上一页和首页（点击第1页的时候，不显示上一页和首页）--%>
<li class="page-item">
<a class="page-link"
href="${pageContext.request.contextPath}/jsp/user/query2?pageNum=1&&userName=${userName}&&userRole=${userRole}">首页</a>
</li>
<li class="page-item">
<a class="page-link"
href="${pageContext.request.contextPath}/jsp/user/query2?pageNum=${pageInfo.prePage}&&userName=${userName}&&userRole=${userRole}"
tabindex="-1" aria-disabled="true">上一页</a>
</li>
</c:if>
<c:choose>
<c:when test="${pageInfo.pages<10}"><%--pageInfo.pages<10的时候--%>
<c:forEach var="num" begin="1" end="${pageInfo.pages}"><%--页面数字数1-10进行遍历--%>
<c:choose>
<c:when test="${pageInfo.pageNum==num}"><%--当前点击当前页的时候，进行选中当前数字按钮--%>
<li class="page-item active">
<a class="page-link"
href="${pageContext.request.contextPath}/jsp/user/query2?pageNum=${num}&&userName=${userName}&&userRole=${userRole}">${num}</a>
</li>
</c:when>
<c:otherwise><%--否者未点击的数字按钮进行不变色--%>
<li class="page-item">
<a class="page-link"
href="${pageContext.request.contextPath}/jsp/user/query2?pageNum=${num}&&userName=${userName}&&userRole=${userRole}">${num}</a>
</li>
</c:otherwise>
</c:choose>
</c:forEach>
</c:when>
<c:otherwise><%--pageInfo.pages>=10的时候--%>
<c:choose>
<c:when test="${pageInfo.pageNum<=6}"><%--当点击中间的当前页小于6的时候--%>
<c:forEach var="num" begin="1" end="10"><%--页面数字数1-10进行遍历--%>
<c:choose>
<c:when test="${pageInfo.pageNum==num}"><%--当前点击当前页的时候，进行选中当前数字按钮--%>
<li class="page-item active">
<a class="page-link"
href="${pageContext.request.contextPath}/jsp/user/query2?pageNum=${num}&&userName=${userName}&&userRole=${userRole}">${num}</a>
</li>
</c:when>
<c:otherwise><%--否者未点击的数字按钮进行不变色--%>
<li class="page-item">
<a class="page-link"
href="${pageContext.request.contextPath}/jsp/user/query2?pageNum=${num}&&userName=${userName}&&userRole=${userRole}">${num}</a>
</li>
</c:otherwise>
</c:choose>
</c:forEach>
</c:when>
<c:otherwise><%--当中间点击的当前页数字按钮大于6的时候--%>
<c:choose>
<c:when test="${pageInfo.pages<=(pageInfo.pageNum+4)}"><%--当尾页数字pageInfo.pageNum+4大于总页数的时候--%>
<c:forEach var="num" begin="${pageInfo.pages-9}" end="${pageInfo.pages}"><%--让其遍历其10个数字，最后的尾页数为总页数--%>
<c:choose>
<c:when test="${pageInfo.pageNum==num}"><%--当点击页数字等于当前页的时候，进行选中当前按钮--%>
<li class="page-item active">
<a class="page-link"
href="${pageContext.request.contextPath}/jsp/user/query2?pageNum=${num}&&userName=${userName}&&userRole=${userRole}">${num}</a>
</li>
</c:when>
<c:otherwise><%--未被点击页数字不等于当前页，不进行选中--%>
<li class="page-item">
<a class="page-link"
href="${pageContext.request.contextPath}/jsp/user/query2?pageNum=${num}&&userName=${userName}&&userRole=${userRole}">${num}</a>
</li>
</c:otherwise>
</c:choose>
</c:forEach>
</c:when><%--当尾页数字pageInfo.pageNum+4小于总页数pages的时候--%>
<c:otherwise>
<c:forEach var="num" begin="${pageInfo.pageNum-5}"
end="${pageInfo.pageNum+4}"><%--遍历 选中围绕在点击的当前页的 中间10页--%>
<c:choose>
<c:when test="${pageInfo.pageNum==num}"><%--选中点击的--%>
<li class="page-item active">
<a class="page-link"
href="${pageContext.request.contextPath}/jsp/user/query2?pageNum=${num}&&userName=${userName}&&userRole=${userRole}"
tabindex="-1" aria-disabled="true">${num}</a>
</li>
</c:when>
<c:otherwise><%--未点击的不加上样式--%>
<li class="page-item">
<a class="page-link"
href="${pageContext.request.contextPath}/jsp/user/query2?pageNum=${num}&&userName=${userName}&&userRole=${userRole}"
tabindex="-1" aria-disabled="true">${num}</a>
</li>
</c:otherwise>
</c:choose>
</c:forEach>
</c:otherwise>
</c:choose>
</c:otherwise>
</c:choose>
</c:otherwise>
</c:choose>
<c:if test="${pageInfo.pageNum<pageInfo.pages}"><%--只让点击的当前页小于总页数的时候让其显示下一页和尾页（点击最后一页的时候，隐藏下一页和尾页）--%>
<li class="page-item">
<a class="page-link"
href="${pageContext.request.contextPath}/jsp/user/query2?pageNum=${pageInfo.nextPage}&&userName=${userName}&&userRole=${userRole}">下一页</a>
</li>
<li class="page-item">
<a class="page-link"
href="${pageContext.request.contextPath}/jsp/user/query2?pageNum=${pageInfo.pages}&&userName=${userName}&&userRole=${userRole}">尾页</a>
</li>
</c:if>
</ul>
</nav>
</div>
</form>
</div>
2)效果图：
3)算法效果逻辑：
1.如果0<pageSize(页数大小)<=10的时候，页面在1~pageSize滚动
2.如果pageSize(页面大小)>10&&pageNum(当前页)+4<pages(总页数)的时候，页面选中的当前页在pageNum(当前页)-5和pageNum(当前页)+4之间的十页进行滚动
3.如果pageSize(页面大小)>10&&pageNum(当前页)+4>pages(总页数)的时候，页面选中的当前页在pages(总页数)-9和pages(总页数)之间的十页进行滚动
总结：自己总结出来的，希望这个对你的网页分页有帮助，啊哈哈哈哈，我感觉这个对我很有帮助
