开始一个Koa+mongodb项目(七)db.find 和jqPaginator实现翻页
2020-07-12 16:49
369 查看
2020. 04.11
数据库表查询
分页查询的 sql 语句
db.表名.find().skip((page-1)*pageSize).limit(pageSize)
方法封装
- find 方法
db.collection(collectionName).find(json1,{fields:attr}).skip(slipNum).limit(pageSize); - 封装 count 方法
.var result= db.collection(collectionName).count(json); result.then(function(data){ resolve(data); } )
数据结合 jqPaginator 实现分页
参考自:官方文档http://jqpaginator.keenwon.com/
使用说明
例子
用法很简单,首先引入jQuery和jqPaginator,之后就可以初始化分页了
$('#id').jqPaginator({ totalPages: 100, visiblePages: 10, currentPage: 1, onPageChange: function (num, type) { $('#text').html('当前第' + num + '页'); } });
上例就是第一Demo,Bootstrap风格的分页。具体参数稍后介绍,这里要了解的是,如果使用的不是id,而是class,就会初始化该class的所有元素,实现上面“两个分页联动”的效果。
参数
扩展方法
jqPaginator提供了两个扩展方法,方便初始化后对组件进行操作。
$(’#id’).jqPaginator(‘option’, options)
初始化后,动态修改配置
$(’#id’).jqPaginator(‘option’, {
currentPage: 1
});
$(’#id’).jqPaginator(‘destroy’)
销毁jqPaginator
$(’#id’).jqPaginator(‘destroy’);
相关文章推荐
- 开始一个Koa+mongodb项目(十)实现文章上传发布
- 开始一个Koa+mongodb项目(八)koa-multer实现图片上传
- 开始一个Koa+mongodb项目(十四)阶段总结
- 开始一个Koa+mongodb项目(十三)渲染前端页面
- 开始一个Koa+mongodb项目(九)koa-ueditor的配置使用
- MongoDB:"errmsg" : "DBClientBase::findN: transport error: 10.xxx.9.xx:37017 query
- GIthub开源项目实现翻页效果(FlipView)
- MongoDB常用操作一查询find方法db.collection_name.find()
- 12.11 阅读android项目源码笔记-水波view,左右翻页三种实现,图片、文件加密
- 从头开始敲代码之《从BaseApplication/Activity开始(五)》(自定义控件,实现点击/滑动翻页)
- 项目总结--实现Linux下的find命令
- 【无私分享:从入门到精通ASP.NET MVC】从0开始,一起搭框架、做项目(5.5) 登录功能的实现,完善登录功能
- 项目总结——MVC+MongoDB实现文件上传
- 简单的spring-data集成mongoDB项目,实现crud的功能
- 从头开始敲代码之《从BaseApplication/Activity开始(五)》(自定义控件,实现点击/滑动翻页)
- 简单的spring-data集成mongoDB项目,实现crud的功能
- 项目实战(连载):基于Angular2+Mongodb+Node技术实现的多用户博客系统教程(1)
- 项目实战(连载):基于Angular2+Mongodb+Node技术实现的多用户博客系统教程(2)
- 项目实战(连载):基于Angular2+Mongodb+Node技术实现的多用户博客系统教程(3)
- 【无私分享:从入门到精通ASP.NET MVC】从0开始,一起搭框架、做项目(5.1) 登录功能的实现,开始接触Spring IOC、DI