Bootstrap Paginator分页插件的使用
今天,我为大家带来的一款做得非常优秀的分页插件BootStrap Paginator,他是一款js插件,由于本人也是才刚刚搞出来的,所以暂时对它也不是特别了解,只能大楖告诉大家怎么使用。我这里使用的是jsp结合BootStrap Paginator的使用。
多余的我就不说了,直接来点刺激点的。这里我也只贴关键性的代码
这是相应文件的目录结构,大家解压后,先整理成如下结构:
为了使用Bootstrap分页控件,我们要引入相应的文件
<link href="${ctx}/bootstrappaginator/css/bootstrap.css" rel="stylesheet">
<script src="${ctx}/js/jquery-1.8.3.js"></script>
<script src="${ctx}/bootstrappaginator/lib/bootstrap.js"></script>
<script src="${ctx}/bootstrappaginator/js/bootstrap-paginator.min.js"></script>
<div id="example"></div>
<script type='text/javascript'>
var options = {
alignment:'center',
currentPage:'${param.pageNo}',
numberOfPages:5,
totalPages: '${requestScope.page.pageCount}',
pageUrl: function(type, page, current){
return "${ctx}/servlet/StudentServlet?pageNo="+page;
} }
};
$('#example').bootstrapPaginator(options);
</script>
这里注意,必须引入jquery,且必须是1.8以上的,还有currentPage,totalPages,pageUrl为必填属性
其它属性大家如果想调整的话,可以去这里查看相应的的属性,到这里差不多就可了。
下面我分享一下自己在学习这个过程里遇到的问题,不能实现下一页,上一页的切切换,并且上一页下一页每次都为同一个值,当时找我了好久,一直没有找到,后来我发现是少了currentPage这个属性,并且要注意这个属性为动态获取的,就是传递当前页面pageNo使用的;另一个问题也是我常犯的,都犯了好几次的,被这个问题坑死了

这里,会出现每次查询得到的数据都是起始页的数据,因为每次执行的sql语句都是是"select * from student limit 0,10"
limit的使用方法是:mysql数据库 limit 起始记录行数,每页显示记录数
接着分享一下orcle实现分页的语句
rs = stat.executeQuery("SELECT * FROM (" +
"SELECT A.*, ROWNUM RN FROM (" +
"SELECT * FROM u_user) A " +
"WHERE ROWNUM <= "+(page.getPageNo() * page.getPageSize())+ ")" +
"WHERE RN >= "+ ((page.getPageNo() - 1) * page.getPageSize() + 1));
就先这样吧。
Bootstrap Paginator分页插件的使用的更多相关文章
- Bootstrap Paginator分页插件
Bootstrap Paginator分页插件使用示例 最近做的asp.netMVC项目中需要对数据列表进行分类,这个本来就是基于bootstrap开发的后台,因此也就想着bootstrap是否有分页 ...
- Bootstrap Paginator分页插件+ajax 实现动态无刷新分页
之前做分页想过做淘宝的那个,但是因为是后台要求不高,就Bootstrap Paginator插件感觉还蛮容易上手,所以就选了它. Bootstrap Paginator分页插件下载地址: Downlo ...
- Bootstrap Paginator分页插件+ajax
Bootstrap Paginator分页插件下载地址: DownloadVisit Project in GitHub Bootstrap分页插件属性介绍: http://www.cnblogs. ...
- Bootstrap Paginator分页插件(mark)
Bootstrap Paginator分页插件
- Bootstrap Paginator 分页插件参数介绍及使用
Bootstrap Paginator是一款基于Bootstrap的js分页插件,功能很丰富,个人觉得这款插件已经无可挑剔了.它提供了一系列的参数用来支持用户的定制,提供了公共的方法可随时获得插件状态 ...
- Bootstrap Paginator分页插件使用示例
最近做的asp.netMVC项目中需要对数据列表进行分类,这个本来就是基于bootstrap开发的后台,因此也就想着bootstrap是否有分页插件呢,或者说是基于jquery支持的分页功能,这样整体 ...
- jq.paginator分页插件稍加修改
样式一: 样式二: 此分页功能在jq.paginator分页插件上稍加修改. 必加模板html: <div id="jqPaginator"> <div id=& ...
- bootstrap-paginator基于bootstrap的分页插件
bootstrap-paginator基于bootstrap的分页插件 GitHub 官网地址:https://github.com/lyonlai/bootstrap-paginator 步骤 引包 ...
- Bootstrap Paginator 分页 demo.
效果如下: 需要的引用以下内容 bootstrap2 http://cnbootstrap.com/ bootstrap-paginator v0.5 主页 http://bootstrappagin ...
随机推荐
- html元素li移动动态效果
在日常工作当中遇到了一个问题,平铺型列表修改单个内容设置排序时列表排序应与之对应.一下是一个小小的例子:简单的解决了此类问题,以浮动的形式改变当前的数据的显示顺序.有不足之处欢迎指点,后期还会做一个更 ...
- QQ登录网站接入
QQ网站登录是一个非常常用的功能,网上有很多的资料,在此只做一个整理: QQ登录接入也在不断的升级,目前我发布的是2.1,很多资料里显示的那些繁杂的步骤已经不需要了: 第一步需要先申请,申请地址如下: ...
- mac下搭建react-native环境
1.安装Homebrew 2.安装node(最好安装4.x以上版本这样就自带了一个npm) 3.安装npm(node的包管理工具) 一般高版本的npm在安装node的时候已经具有了 4.安装react ...
- 51nod贪心算法入门-----独木舟问题
独木舟问题 n个人,已知每个人体重,独木舟承重固定,每只独木舟最多坐两个人,可以坐一个人或者两个人.显然要求总重量不超过独木舟承重,假设每个人体重也不超过独木舟承重,问最少需要几只独木舟? 分析:按照 ...
- json 包含字段及函数的写法
在javascript中写类有多种方式: 1.function()中嵌套function; 2.prototype的方式 ,3.json的方式,如下: <script language=&quo ...
- Linux硬链接和符号链接(转)
Linux链接分两种,一种被称为硬链接(Hard Link),另一种被称为符号链接(Symbolic Link).默认情况下,ln命令产生硬链接. [硬连接] 硬连接指通过索引节点来进行连接.在Li ...
- 在Intellij IDEA或者PhpStorm下用X-debug调试PHP
用Intellij IDEA或者PhpStorm使用X-debug来调试PHP,主要需要配置的部分有三个地方,分别为php.ini的配置,IDEA的配置和浏览器的配置,主要如下,以备忘: php.in ...
- python 从SocketServer到 WSGIServer 源码分析、
python 下有个wsgi的封装库.wsgiref. WSGI 指的是 Web服务器网关接口(Python Web Server Gateway Interface) django的runserve ...
- cin、cin.get()、cin.getline()、getline()、gets()等函数的用法
学C++的时候,这几个输入函数弄的有点迷糊:这里做个小结,为了自己复习,也希望对后来者能有所帮助,如果有差错的地方还请各位多多指教(本文所有程序均通过VC 6.0运行)转载请保留作者信息:1.cin1 ...
- informix 查看数据库空间名
查看bhrs库的空间名 onstat -d 导出一个表 的结构 dbschema -d bhrs -t infotrans > xxx.sql 微网点 报表已经上线 cbs.sql 提交,生产 ...