nodejs+layui+laytpl实现分页的例子
2017-08-23 17:12
232 查看
网站: http://www.layui.com/doc/modules/laypage.html
<!--分页--> <div class="layer-left-box-foot-right"> <div id="pageDemo"></div> </div>html页面的js代码:
<!--分页js--> <script> var sum='{{ d.data.size}}'; //后台页面传过来的数据大小 假如:sum=100 var pages=Math.ceil(sum/10); //页面的分页大小 pages=100/10=10 var curr='{{d.curr}}'; layui.use(['layer', 'laypage', 'element'], function(){ var layer = layui.layer ,laypage = layui.laypage //分页 laypage({ cont: 'pageDemo',//容器。值支持id名、原生dom对象,jquery对象, pages: pages, //可以叫服务端把总页数放在某一个隐藏域,再获取。假设我们获取到的是18 curr: curr, //当前页,页面点击 skip:true, //开启跳转 hash: curr, //跳转到哪一个页面 jump: function(e, first){ //触发分页后的回调 if(!first){ //一定要加此判断,否则初始时会无限刷新 var pageNum=e.curr*10-10; //这是后台需要接受的值,我们采用的是mysql,limit去查询数据,pageNum这个值是查询数据的起始数据。 location.href = '?pageNum='+pageNum; // 比如:http://localhost:8888/admin/goods?pageNum=10 } } }); }); </script>后台使用的是nodejs:
var page=""; //用来存放页面传过来的值console.log("req.query.pageNum:"+req.query.pageNum)if(req.query.pageNum == undefined){page=0;}else{page=req.query.pageNum;}var numpage=parseInt(page)+10;var curr=parseInt(numpage/10);console.log("数据起始位置:"+page);var a = {pageNo:page};//goodsStatus:0,自己慢慢琢磨出来的,非常好用的分页。效果:
相关文章推荐
- nodejs+bootstrap实现分页效果
- node.js---sails项目开发(6)--- 实现分页功能
- nodejs+bootstrap实现分页效果
- node.js实现tomcat经典例子猜数字
- Node.js环境下对MongoDB实现查,插,分页功能
- Node.js中Bootstrap-table的两种分页的实现方法
- 例子:实现最新版本Node.js中Express+mongodb的登录注册页面
- Node.js 路由映射和简单例子实现
- 从零开始学习Node.js例子四 多页面实现数学运算
- node.js实现的Long Polling例子
- nodejs+mongodb实现curd 登录 注销 分页等功能的实现过程
- Mysql 数据分页处理(Node.js的实现)
- Node.js、express、mongodb 实现分页查询、条件搜索
- nodejs+mongodb实现curd 登录 注销 分页等功能的实现过程
- 从零开始学习Node.js例子四 多页面实现数学运算 续一(使用connect和express框架)
- 从零开始学习Node.js例子四 多页面实现数学运算 续二(client端和server端)
- 实现基于Node.js的ajax前后端交互的简单例子
- node.js开发中使用Node Supervisor实现监测文件修改并自动重启应用
- html2canvas 实现纯JS网页截图简单例子
- js实现分页