pageHelper分页插件详细使用方法(设置数据显示条数)

使用pagehelper操作比定义分页类要简单方便得多,这里给大家展示一下如何使用

1.在pom.xml文件中导入对应jar包

		<dependency>
			<groupId>com.github.pagehelper</groupId>
			<artifactId>pagehelper</artifactId>
			<version>5.1.2</version>
		</dependency>

在mybatis的配置文件中加入

<!-- 分页插件 -->
			<!-- 注意其他配置 -->
			<property name="plugins">
			<array>
				<bean class="com.github.pagehelper.PageInterceptor">
					<property name="properties">
						<!--使用下面的方式配置参数,一行配置一个 -->
						<value>
						params=value1
						<!-- 设置超出不能超出最后一页 -->
						reasonable=true
						</value>
					</property>
				</bean>
			</array>
			</property>

2.后端java代码使用方法——各个参数功能都有注解

@RequestMapping("departmentList")
	public String finddepartment(Integer size,@RequestParam(required=true,defaultValue="1")Integer page,HttpServletRequest request){
		//page为页码,size为显示数据条数
		if(size==null){
			//如果未设置显示条数,默认为5
			size=5;
		}
		PageHelper.startPage(page, size);
		List<Department> des=deImpl.finddepartment();
		request.getSession().setAttribute("des", des);
		PageInfo<Department> p=new PageInfo<Department>(des);
		request.getSession().setAttribute("page", p);
		//将显示条数传递给前端页面,供页面跳转使用
		request.getSession().setAttribute("department","size="+size);
		return "department/departmentList";
	}

3.前端页面跳转代码

<!-- 分页栏 -->
		  <div style="text-align: center" id="page" >
		    <ul class="pagination">
			<!--  <p style="margin-left: 10%">共${page.pages},当前是第${page.pageNum}</p> -->
			<li>共${page.pages},当前是第${page.pageNum}<li><br>
			<a href="<%=request.getContextPath()%>/department/departmentList?${department}&page=${page.firstPage}">首页</a>
			<a href="<%=request.getContextPath()%>/department/departmentList?${department}&page=${page.prePage}">上一页</a>
			<c:forEach begin="1" end="${page.pages}" var="pageNumber">
					<a href="<%=request.getContextPath()%>/department/departmentList?${department}&page=${pageNumber}">
				    <%--判断:主要是为了给当前页显示红色--%> <c:choose>
						<c:when test="${pageNumber==page.pageNum}">
							<span style="color: red">${pageNumber}</span>
							</c:when>
							<c:otherwise>${pageNumber}</c:otherwise>
						</c:choose>
					</a>
			</c:forEach>
			<a  href="<%=request.getContextPath()%>/department/departmentList?${department}&page=${page.pageNum+1}">下一页</a>			
			<a href="<%=request.getContextPath()%>/department/departmentList?${department}&page=${page.lastPage}">尾页</a>
	        </ul> 
	      </div>
	      <!-- 数据显示条数设置-->
	      <div>
	      <ul class="search" style="padding-left: 10px;">
	      <li><input type="text" style="width:35%" placeholder="每页显示条数"  id="pgSize" />
						<button onclick="pageMethod()"  class="button border-blue" >
						<span class="icon-paper-plane-o">跳转</span></button></li>
	      	</ul>
	      </div>
<script type="text/javascript">
	//设置数据显示条数
	function pageMethod(){
		var size=$("#pgSize").val();
		var reg=/^\d+$/; 
        var result= reg.test(size);//正则匹配数字
		if(result){
			window.location.href="http://localhost:8080/ssm/department/departmentList?size="+size; 
		}else{
			alert("请输入数字");
		}
	}
</script>

这样使用比自定义分页类要方便太多。

你可能感兴趣的:(插件/软件使用)