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

本文详细介绍了如何在网页中实现分页功能,包括计算总页数、当前页及使用jQuery插件实现页面导航。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >


解释原理先  

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

举例说,你需要查询班级总共人数,以及每个人的详情, 那么你还需要额外计算几个变量,比如,“记录(也就是班级人数)”的总条数,一页需要展现几条(由你自己定)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();
 }
});
这样就可以完成分页了

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值