这次是分页,看在我终于会的面子上,算是原创吧,哈哈哈
来源:互联网 发布:迅龙数据恢复破解方法 编辑:程序博客网 时间: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();
}
});
totalPages:${pagination.totalPages},
visablePages:5,
startPage:${pagination.currentPage},
onPageClick:function(event,page){
$("#currentPage").val(page);
$("#searchForm").submit();
}
});
这样就可以完成分页了
阅读全文
0 0
- 这次是分页,看在我终于会的面子上,算是原创吧,哈哈哈
- ndy 10终于随着Delphi2005发布了,不过indy套件在我的印象中总是复杂并且BUG不断,说实话,不是看在他一整套组件的面子上,我还是喜欢VCL原生的Socket组件,简洁,清晰。Indy9
- 我今天终于知道后门在代码上是如何实现的
- 哈哈哈 又一个 全省的单子,这次可是我自己负责滴
- 当我站在起点时 (传闻作者是ZeTa 我看象抄袭的!) ZeTa澄清此乃原创
- 标准的模型 -- 这次我终于可以用上了
- 算是我的日记吧
- 别将大学的“面子”贴在豪华建筑上
- 这次的抉择到底会怎样我今后的人生!
- 看了下面的关于大亚湾核电站的一些报道,我终于明白为什么老弟在惠阳买的房子会这么便宜了!
- 算是我在CSDN的处博吧
- 原来我从前是那么的努力啊 。哈哈哈。
- 哈哈哈我的新车
- python numpy、lxml等库安装总是安装失败,啊哈哈哈哈哈哈我这次知道了一个神奇的软件!
- 终于在CSDN上开通我的Blog了
- 看在亲爱的父母的面子上,对自己好一些[爱自己,就是对父母最好的爱!]
- 站在巨人上,我们会看的更远!
- 这次的选择我真的是错了
- 关于继承和多态(HeadFirst Java笔记)
- POJ 2115.C Looooops
- python3.5实现socket通讯(TCP)
- 【操作系统】设备管理
- exit和return的区别
- 这次是分页,看在我终于会的面子上,算是原创吧,哈哈哈
- ZooKeeper-3.4.6分布式集群安装
- 隐式转换与隐式参数
- docker centos6 ssh 自启动
- expect简介和使用例子
- 杭电oj 2013
- tomcat7启动闪退
- 二叉树的moris中序遍历
- 实现一个简单的工作流例子全过程