开始前先聊聊五毛钱的:

  好久没写了,可能是因为懒(哎),写这个是好事,既帮助了自己,巩固一下知识,也可以让别人给自己纠错纠错,三月份接触到了node,先是跟着一些教程写了一些小实例,感觉自己就喜欢上了node,本人呢对于新的东西比较好奇,但由于实习的原因,并不能专心去学习,也就半了解,五月份回学校做毕设,本来要求的是使用C#,给予.net 的,在接触过后,并且做了一些就开始放弃了,个人看法,着实不喜欢使用vs,对于配置问题更是让我头疼,哪有node这么方便,建个文件夹就开始了,比较有动力!

今天也说一下使用mongodb 数据库分页,本人才疏学浅,菜鸟一枚,对于知识点理解不深(按自己的想法来):

先说起因:做一个商品信息列表,商品很多,我们就需要分页,设计的数据库方法:

find()   查询商品,

limit(),     限制显示文档个数

skip();     跳过文档个数,

本人实现方法比较笨,具体看代码:

首先,得知道商品的总数,查询数据库:

cart:function cart(userId){
return Cart.find({userId:userId,isBuy:1})
.exec()
}

再者,首次访问时,并没有点击底下的分页按钮,就得来个初始化吧,这样: pageSize :单页显示的文档数

findCart:function findCart(userId,pageSize){
return Cart.find({userId:userId,isBuy:1})
.limit(pageSize)
.exec()
},

下来就是分页的了:   Count:需要跳过的文档数,他的构成  点击的页 (num-1)*pageSize

findGoodsOrder:function findGoodsOrder(userId,pageSize,Count){
return Cart.find({userId:userId,isBuy:2})
.limit(pageSize)
.skip(Count)
.exec()
}

好了,数据库这一块就好了,再看路由处理:

当然这就是首次访问了:  将需要分的页数一块传值过去,page变量,需要构造一页面:

router.get('/cart',function(req,res,next){
var pagesSize = 4;
Promise.all([
CartModel.findCart(req.session.user._id),
CartModel.cart(req.session.user._id)
])
.then(function(result){
if(!result){
req.flash('error','出错了!');
}
var goods = result[0];
var page = Math.ceil(result[1].length/4);
req.flash('success','查找成功!');
//req.session.user.credit = parseInt(user.SecPayment);
res.render('per-cart',{
goods:goods,
page:page
});
})
.catch(next);
});

然后就是分页请求处理了:传过来的值为点击的页数码,公式,算出需要跳过几个文档数,调用函数就行了,

*注意,这次往回传的时候是,res.send();说明我们用了ajax,局部刷新页面:

  先想一想,怎么处理??再看下面。。。。

router.get('/cart/page',function(req,res,next){
var pageSize=4;
var page = (parseInt(req.query.count)-1)*4;
CartModel.findGoodsOrder(req.session.user._id,pageSize,page)
.then(function(goods){
if(!goods){
req.flash('error','出错了!');
}
req.flash('success','查找成功!');
//req.session.user.credit = parseInt(user.SecPayment);
res.send({
goods:goods
});
})
.catch(next);
});

最后,我们就转到页面层了,:

页面构造就不细说了,直接看ajax部分:

page:function(){
/**数据实现分页
* 可累死了,首先不知道如何获取点击对象的文本节点值,
* 对于ajax get/post 没有理解,
* 返回的数据处理方式,
* @type {any|jQuery|HTMLElement}
*/
var pageNum = $('.page li'); //获取页码对象
pageNum.click(function(){ //单击事件,并将这个点击对象传过去
page(this);
});
function page(obj){ //事件处理函数
for(var i =0;i<pageNum.length;i++){
pageNum[i].style.backgroundColor = '#fff'; //默认页码背景色白色
}
obj.style.backgroundColor = '#f00'; //单击对象背景色为红色
var count = obj.firstChild.nodeValue; //获取单机对象的文本节点值,
                                       //对于DOM操作没有好的理解,费好大劲,哎,技渣
$.ajax({ //ajax请求
type:'GET',
url:'/personal/order/page',
data:{
count:count
},
dataType:'json', //请求的是后台,数据类型必须设置成JSON,
success:function(data){ //不知道还能设置成其他的值不,还不清楚,
//alert('成功:'+data.data);
var goods=data.goods; //获取返回的数据,就是动态添加HTML了,
var cart = $('.cartshow');
//alert(goods[0].nodeName);
//goods[0].innerHTML='hello'
var content='<ul>';
goods.forEach(function(goods){
content+=
' <li><input type="checkbox" value="'+goods.count*goods.onePrice+'"/></li>'+
'<li><a href="/main/'+goods.goodsId+'/single">'+goods.gName+'</a></li>'+
'<li class="bigshow">'+
'<div>'+
'<img src="/images/45.jpg">'+
'<div>'+
'<label>'+goods.describe+'</label>'+
'<label>尺寸'+goods.size+'</label>'+
'</div></div></li>'+
'<li>'+goods.count+'</li>'+
'<li>'+goods.onePrice+'</li>'+
'<li>'+goods.count*goods.onePrice+'</li>'+
'<li><a href="/singleGoods/'+goods.goodsId+'/2/remove">删除</a></li>';
});
content+='</ul>'
cart[0].innerHTML = content;
lb.price();
},
error: function(jqXHR, textStatus, errorThrown){
alert('error ' + textStatus + " " + errorThrown);
}
});
}
}

大概的分页就是这样了,为什么要写,因为我遇到这个问题的时候,本来想网上一找,就算了,谁知道呢,哎,难,都是是一个模板,不知道谁拷谁的,对于新手完全看不懂,然后就放弃了,当时对于ajax也不怎么熟悉,查书,找同学讨论,可怜,周围的居然没有一个学习nodeJS的,讨论一些逻辑部分,给自己找找灵感,

大概就是一天的时间,大概是我放了大招(使用代码量能解决的问题,就不是问题),初步实现了功能。

代码还有待扩展,如果数据特别多,底下的分页码就特别多,这需要一个处理,多的省略号,周围的五个存在,如:1 ...9 10 11 12 13 .. 20

这又是一个问题,哎!想想头都大,但目前我先不做这个,以后再考虑吧,下来的工作是一个实时交互功能,论坛聊天那种,给自己加油!

有什么问题,欢迎吐糟,共同进步!

<h2>现阶段目标:能用代码量解决的问题,就不是问题!</h2>

nodeJS 中mongoose操作分页的更多相关文章

  1. mongodb学习(3)--- NodeJs使用mongoose操作mongodb

    转载: https://cnodejs.org/topic/50c145ed637ffa4155c7eaee 首先对于以下错误说明(有写 db.close): Error: db object alr ...

  2. nodejs 使用mongoose 操作mongodb

    nodejs操作mongodb可以使用mongoose: Mongoose is a MongoDB object modeling tool designed to work in an async ...

  3. Nodejs中的路径问题

    一.path核心模块 ①path.basename(path[,ext])获取一个路径中的文件名 var path=require('path'); console.log(path.basename ...

  4. nodeJS中使用mongoose模块操作mongodb数据库

    在实际运用中,对于数据库的操作我们不可能一直在cmd命令行中进行操作,一般情况下需要在node环境中来操作mongodb数据库,这时就需要引入mongoose模块来对数据库进行增删改查等操作. 首先, ...

  5. mongodb replica set 和 nodejs中使用mongoose连接replica

    一.mongodb replication 介绍 官网上的第一句话就是Replication is the process of synchronizing data across multiple ...

  6. node-express项目的搭建并通过mongoose操作MongoDB实现增删改查分页排序(四)

    最近写了一个用node来操作MongoDB完成增.删.改.查.排序.分页功能的示例,并且已经放在了服务器上地址:http://39.105.32.180:3333. Mongoose是在node.js ...

  7. mongoose 数据库操作 - 分页

    使用mongoose 加入分页方法,临时还没发现什么更好的方法,我使用的方法是,直接在源代码中加入 找到 node_modules/mongoose/lib/model.js打开这个文件.里面加入这段 ...

  8. 在nodeJS中操作文件系统(二)

    在nodeJS中操作文件系统(二)   1. 移动文件或目录 在fs模块中,可以使用rename方法移动文件或目录,使用方法如下:     fs.rename(oldPath,newPath,call ...

  9. 在nodejs中操作数据库(MongoDB和MySQL为例)

    一.使用nodejs操作MongoDB数据库 ①使用官方的mongodb包来操作 ②使用第三方的mongoose包来操作(比较常用) // 首先必须使MongoDB数据库保持开启状态 // npm下载 ...

随机推荐

  1. 初识nginx!

    What--什么是nginx nginx是一款高性能的http服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器.官方测试nginx能够支撑5w并发连接.并且cup.内存等资源消耗却非常 ...

  2. 【git】Git的使用

    一.安装git 1.windows下安装一个Git 2.lInux下yum(apt-get) install git 二.使用git连接github 使用git连接github时,需要将linux下产 ...

  3. 重复造轮子系列——基于Ocelot实现类似支付宝接口模式的网关

    重复造轮子系列——基于Ocelot实现类似支付宝接口模式的网关 引言 重复造轮子系列是自己平时的一些总结.有的轮子依赖社区提供的轮子为基础,这里把使用过程的一些觉得有意思的做个分享.有些思路或者方法在 ...

  4. DedeCms常用内容调用标签实例大全

    一.调用顶级栏目标签 <a href="{dede:global.cfg_cmsurl/}/" class="ahov">首页</a> ...

  5. pheatmap绘制“热图”,你需要的都在这

    热图可以聚合大量的数据,并可以用一种渐进色来优雅地表现,可以很直观地展现数据的疏密程度或频率高低. 本文利用R语言 pheatmap 包从头开始绘制各种漂亮的热图.参数像积木,拼凑出你最喜欢的热图即可 ...

  6. 彻底搞懂Python切片操作

        在利用Python解决各种实际问题的过程中,经常会遇到从某个对象中抽取部分值的情况,切片操作正是专门用于完成这一操作的有力武器.理论上而言,只要条件表达式得当,可以通过单次或多次切片操作实现任 ...

  7. codeforces 213div(2) 365 A.Good Number 365 B.The Fibonacci Segment

    #include <stdio.h> #include <string.h> bool vis[11]; int n, k; bool judge(int x) { memse ...

  8. VSTO之PowerPoint(PPT)插件开发常用API汇总

    VSTO简介 VSTO(Visual Studio Tools for Office )是VBA的替代,使得开发Office应用程序更加简单,并且用VSTO来开发office应用程序可以使用Visua ...

  9. WPF界面的异步后台加载

    private void Init()         {                     BackgroundWorker worker = new BackgroundWorker(); ...

  10. oracle RAC LOG_ARCHIVE_DEST_1 与 LOG_ARCHIVE_DEST 冲突解决

    在做 oracle RAC 归档日志配置时,出现了一个错误,开始看资料的时候, 注意到了 LOG_ARCHIVE_DEST_n 与 LOG_ARCHIVE_DEST 不能同时使用, 但在配置的时候并没 ...