这次是分页,看在我终于会的面子上,算是原创吧,哈哈哈

来源:互联网 发布:迅龙数据恢复破解方法 编辑:程序博客网 时间:2024/04/28 19:42


解释原理先  

分页,就是将你需要的查询结果,连同几个变量,传到前台,就是这么简单。

举例说,你需要查询班级总共人数,以及每个人的详情, 那么你还需要额外计算几个变量,比如,“记录(也就是班级人数)”的总条数,一页需要展现几条(由你自己定)D,还有当前页 以及总页数。

总条数好弄  ,sql 语句查询一个select count(0) from 表名 ,

当前页 :需要前台传过来

总页数 : 总条数%一页展现的条数 ,如果能余尽,那么就是总条数  除以 一页展现的条数  ,不然就是 总条数  除以 一页展现的条数 +1


前台需要有框架,我用的是<script type="text/javascript" src="/p2p-web/js/plugins/jquery.twbsPagination.min.js"></script>这个


      <div style="text-align: center;">
   <!--分页条 -->
<ul id="pagination-bar" class="pagination"></ul>
</div>

如下图所示

命令则是这样的
$("#pagination-bar").twbsPagination({
totalPages:${pagination.totalPages},
visablePages:5,
startPage:${pagination.currentPage},
onPageClick:function(event,page){

$("#currentPage").val(page);
   $("#searchForm").submit();
 }
});
这样就可以完成分页了

阅读全文
0 0
原创粉丝点击