最近都在忙着写一个网站项目,今天做一个分页功能的时候,遇到了分页效果实现不了的问题,查了好久的资料,后来终于是成功解决啦,记录一下~
1.在pom.xml中添加分页插件依赖
1 2 3 4 5 |
<dependency> <groupid>com.github.pagehelper</groupid> <artifactid>pagehelper</artifactid> <version> 4.1 . 5 </version> </dependency> |
2.在mybatis配置文件中配置分页插件
这里需要注意的是,如果你的项目有mybatis的配置文件时,添加下面配置:(配置参数可根据需要添加或删除)
1 2 3 4 5 6 7 8 9 10 11 |
<plugins> <plugin interceptor= "com.github.pagehelper.pagehelper" > <property name= "dialect" value= "mysql" /> <property name= "offsetaspagenum" value= "false" /> <property name= "rowboundswithcount" value= "false" /> <property name= "pagesizezero" value= "true" /> <property name= "reasonable" value= "false" /> <property name= "supportmethodsarguments" value= "false" /> <property name= "returnpageinfo" value= "none" /> </plugin> </plugins> |
但如果你的项目没有单独配置mybatis的配置文件,而是把spring和mybatis的配置结合起来的话,这时候你需要引入如下配置信息:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<!-- spring和mybatis完美整合,不需要mybatis的配置映射文件 --> <bean id= "sqlsessionfactory" class = "org.mybatis.spring.sqlsessionfactorybean" > <property name= "datasource" ref= "datasource" /> <!-- 自动扫描mapping.xml文件 --> <property name= "mapperlocations" value= "classpath:com/wang/web/mapper/*.xml" ></property> <!-- 配置分页插件 --> <property name= "plugins" > <array> <bean class = "com.github.pagehelper.pagehelper" > <property name= "properties" > <value> dialect=mysql reasonable= true </value> </property> </bean> </array> </property> </bean> |
3.controller层
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
//访问所有视频信息查询页面 /** * 分页查询所有视频信息 * @param pn 默认从第一页开始 请求参数 * @return */ @requestmapping ( "/showmedia" ) public string show( @requestparam (required = false ,value= "pn" ,defaultvalue= "1" )integer pn, httpservletrequest request){
tbmediaexample example = new tbmediaexample(); //从第一条开始 每页查询五条数据 pagehelper.startpage(pn, 5 ); list<tbmedia> medialist = mediaservice.selectbyexample(example); //将用户信息放入pageinfo对象里 pageinfo pageinfo = new pageinfo(medialist, 5 ); system.out.println(pageinfo.getpages()); request.setattribute( "pageinfo" , pageinfo); return "/media" ; } |
4.前台
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 |
<div class = "result-content" > <table class = "result-tab" width= "100%" > <tr> <th class = "tc" width= "5%" ><input class = "allchoose" name= "" type= "checkbox" ></th> <th>排序</th> <th>id</th> <th>视频标题</th> <th>视频资源</th> <th>视频图片</th> <th>视频描述</th> <th>上传时间</th> <th>操作</th> </tr> <c: if test= "${!empty pageinfo.list }" > <c:foreach items= "${pageinfo.list}" var= "media" > <tr> <td class = "tc" ><input name= "id[]" value= "59" type= "checkbox" ></td> <td> <input name= "ids[]" value= "59" type= "hidden" > <input class = "common-input sort-input" name= "ord[]" value= "0" type= "text" > </td> <td align= "center" >${media.id }</td> <td align= "center" >${media.title }</td> <td align= "center" >${media.src }</td> <td align= "center" >${media.picture }</td> <td align= "center" >${media.descript }</td> <td align= "center" >${media.uptime }</td> <td> <a class = "link-update" href= "<%=basepath%>user/mediaupdate?id=${media.id }" rel= "external nofollow" >修改</a> <a class = "link-del" href= "<%=basepath%>user/medialist" rel= "external nofollow" >进入视频列表</a> <a class = "link-del" href= "javascript:del('${media.id }')" rel= "external nofollow" >删除视频</a> </td> </tr> </c:foreach> </c: if > </table> <hr style= "height:1px;border:none;border-top:1px solid #ccc;" /> <!-- 分页导航栏 -->
<!-- 分页信息 --> <div class = "row" > <!-- 分页文字信息,其中分页信息都封装在pageinfo中 --> <div class = "col-md-6" > 当前第:${pageinfo.pagenum}页,总共:${pageinfo.pages}页,总共:${pageinfo.total}条记录 </div>
<!-- 分页条 --> <div class = "col-md-6" > <nav aria-label= "page navigation" > <ul class = "pagination" > <li><a href= "<%=basepath%>user/showmedia?pn=1" rel= "external nofollow" >首页</a></li> <c: if test= "${pageinfo.haspreviouspage }" > <li> <a href= "<%=basepath%>user/showmedia?pn=${pageinfo.pagenum-1}" rel= "external nofollow" aria-label= "previous" > <span aria-hidden= "true" >«</span> </a> </li> </c: if >
<c:foreach items= "${pageinfo.navigatepagenums }" var= "page_num" > <c: if test= "${page_num == pageinfo.pagenum }" > <li class = "active" ><a href= "#" rel= "external nofollow" >${ page_num}</a></li> </c: if > <c: if test= "${page_num != pageinfo.pagenum }" > <li><a href= "<%=basepath%>user/showmedia?pn=${ page_num}" rel= "external nofollow" >${ page_num}</a></li> </c: if > </c:foreach> <c: if test= "${pageinfo.hasnextpage }" > <li> <a href= "<%=basepath%>user/showmedia?pn=${pageinfo.pagenum+1}" rel= "external nofollow" aria-label= "next" > <span aria-hidden= "true" >»</span> </a> </li> </c: if > <li><a href= "<%=basepath%>user/showmedia?pn=${pageinfo.pages}" rel= "external nofollow" >末页</a></li> </ul> </nav> </div> </div> |
效果实现如下:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
原文链接:https://blog.csdn.net/wy__kobe/article/details/84884265
查看更多关于使用mybatis插件PageHelper实现分页效果的详细内容...