node.js基于mongodb的搜索分页示例


Posted in Javascript onJanuary 22, 2017

mongodb模糊查询并分页

1.建立数据库

代码如下:

var mongoose = require('mongoose');
var shortid = require('shortid');
var Schema = mongoose.Schema;

var IndexDataSchema = new Schema({
  _id: {
    type: String,
    unique: true,
    'default': shortid.generate
  },
  type: String,
  city: String,
  name:string,
  value: [{name: String, value: String}],
  create: {type: Date, default: Date.now},
  expand: String
});

IndexDataSchema.statics = {
  defaultSort: {'create': 1},
  defaultOptions: {'pageSize': 0}

};


var IndexData = mongoose.model('IndexData', IndexDataSchema);

module.exports = IndexData;

页面布局 这里只需要搜索框和搜索按钮,再点击按钮时,执行search()方法并发送请求

代码如下:

<div class="searchPart">
          <input type="text" class="form-control" id="txtSearch" placeholder="请输入项目名称">
          <button class="btn btn-success search_btn" onclick="search()">搜索</button>
        </div>
        <script>
  var paginObj;
  
  //设置每页显示页码
  var pageSize = 20; 
   
  //设置当前页码为1
  var currentPage = 1;
  
  var condition = {'city': currentCityId, 'name': ''}
  jQuery(document).ready(function () {
    refresh();
  });
  
 //获取查找条件
  function getCondition() {
    var name = $('#txtSearch').val();
    if (name && name.trim()) {
    // {'$regex': name, '$options': 'i'}}为模糊查询固定语法,name为参数
      condition = {'city': currentCityId, 'name': {'$regex': name, '$options': 'i'}};
    }
    else {
      condition = {'city': currentCityId}
    }
    return condition;
  }
  
   //刷新页面
  function refresh() {
  
  //查找内容
    $.get('/Manage/list/projects', {
      'pageSize': pageSize,
      'currentPage': currentPage,
      'condition': getCondition()
    }, function (result) {
      appendData(result.data);
    })

//查找个数
    $.get('/Manage/listCount/projects', {'condition': condition}, function (result) {
      paginObj = new DataPagin(document.querySelector('.projects-list'), result.count, {
        'pageSize': pageSize,
        'changePageFun': rquestPageData
      });
    })
  }

//重新分页
  function rquestPageData(currentPage, callback) {
    $.get('/Manage/list/projects', {
      'pageSize': pageSize,
      'currentPage': currentPage,
      'condition': getCondition()
    }, function (result) {
      appendData(result.data);
    })
    if (callback) {
      callback();
    }
  }

//改变页码,显示相应的内容
  function changePage(paginObj, index) {
    paginObj.setPageNumber(index);
  }

  function appendData(data) {
    //debugger;
    var list = $('.projects-list').children('tbody');
    list.html('');
    // 页面显示模板
    for (var i = 0; i < data.length; i++) {
    
      .........
      //此部分自己定义
      
   
    })
  }

 
   //点击搜索按钮执行该方法
  function search() {
    currentPage = 1;
    refresh();
  }


</script>

到数据库查找并返回相应内容

var formidable = require("formidable");
  var common = require('./common');
  var path = require("path");
  var fs = require('fs');
  var path = require('path');
  var guid = require('guid');
  var shortid = require('shortid');
  
  var AuctionHouse = require('./db/IndexData');


 var funs = {
  getList: function (collectionName, req, res, next) {
    var mainObj = transformCollctionName(collectionName);
    if (!mainObj) {
      next();
    }
    var options = req.query;
    var sort = options.sort || mainObj.defaultSort;
    var pageSize = options.pageSize || mainObj.defaultOptions.pageSize;
    var currentPage = options.currentPage || 1;
    var condition = options.condition || {}
    
    //此部分为查找条件
    mainObj.find(condition).sort(sort).skip((currentPage - 1) * pageSize).limit(pageSize).exec(function (err, docs) {
      if (err) {
        next(err);
      }
      return res.json(common.returnData(true, docs));
    })
  },
  countList: function (collectionName, req, res, next) {
    var mainObj = transformCollctionName(collectionName);
    if (!mainObj) {
      next();
    }
    var condition = req.query.condition || {}
    mainObj.find(condition).count().exec(function (err, docs) {
      if (err) {
        next(err);
      }
      return res.json({'count': docs});
    })
  },
  HandleEvent: function (collectionName, actionsName, req, res, next) {
    var mainFuns = getCollctionFuns(collectionName)
    if (!mainFuns) {
      next();
    }
    var fun = mainFuns[actionsName];
    if (!fun) {
      next();
    }
    fun(req, res, next);
  }

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
个人总结的一些关于String、Function、Array的属性和用法
Jan 10 Javascript
javascript生成/解析dom的CDATA类型的字段的代码
Apr 22 Javascript
JS与框架页的操作代码
Jan 17 Javascript
锋利的jQuery 要点归纳(三) jQuery中的事件和动画(上:事件篇)
Mar 24 Javascript
extjs每个组件要设置唯一的ID否则会出错
Jun 15 Javascript
node.js中的events.emitter.listeners方法使用说明
Dec 10 Javascript
基于jQuery仿淘宝产品图片放大镜特效
Oct 19 Javascript
JavaScript中关联原型链属性特性
Feb 13 Javascript
Bootstrap每天必学之按钮(Button)插件
Apr 25 Javascript
浅析JavaScript的几种Math函数,random(),ceil(),round(),floor()
Dec 22 Javascript
vue toggle做一个点击切换class(实例讲解)
Mar 13 Javascript
微信小程序自定义导航栏(模板化)
Nov 15 Javascript
利用JS实现文字的聚合动画效果
Jan 22 #Javascript
angularJS 指令封装回到顶部示例详解
Jan 22 #Javascript
jQuery实现的分页功能示例
Jan 22 #Javascript
jQuery加载及解析XML文件的方法实例分析
Jan 22 #Javascript
原生js实现类似fullpage的单页/全屏滚动
Jan 22 #Javascript
前端开发必知的15个jQuery小技巧
Jan 22 #Javascript
Vue.js学习之过滤器详解
Jan 22 #Javascript
You might like
关于ThinkPhp 框架表单验证及ajax验证问题
2017/07/19 PHP
Google的跟踪代码 动态加载js代码方法应用
2012/11/12 Javascript
jQuery判断密码强度实现思路及代码
2013/04/24 Javascript
去掉gridPanel表头全选框的小例子
2013/07/18 Javascript
Jquery判断$(&quot;#id&quot;)获取的对象是否存在的方法
2013/09/25 Javascript
JavaScript中window.showModalDialog()用法详解
2014/12/18 Javascript
JavaScript实现信用卡校验方法
2015/04/07 Javascript
页面内容排序插件jSort使用方法
2015/10/10 Javascript
JavaScript操作HTML DOM节点的基础教程
2016/03/11 Javascript
Js 获取当前函数参数对象的实现代码
2016/06/20 Javascript
vue jsx 使用指南及vue.js 使用jsx语法的方法
2017/11/11 Javascript
Angular2使用SVG自定义图表(条形图、折线图)组件示例
2019/05/10 Javascript
JavaScript实现美化滑块效果
2019/05/17 Javascript
深入了解JavaScript 防抖和节流
2019/09/12 Javascript
vue实现拖拽效果
2019/12/23 Javascript
vue学习笔记之给组件绑定原生事件操作示例
2020/02/27 Javascript
Nuxt配置Element-UI按需引入的操作方法
2020/07/06 Javascript
[02:28]DOTA2亚洲邀请赛附加赛 RECAP赛事回顾
2015/01/29 DOTA
在RedHat系Linux上部署Python的Celery框架的教程
2015/04/07 Python
用python找出那些被“标记”的照片
2017/04/20 Python
Python实现的桶排序算法示例
2017/11/29 Python
python字符串常用方法
2018/06/14 Python
Python实现正则表达式匹配任意的邮箱方法
2018/12/20 Python
python实现将多个文件分配到多个文件夹的方法
2019/01/07 Python
Python HTML解析模块HTMLParser用法分析【爬虫工具】
2019/04/05 Python
python通过opencv实现图片裁剪原理解析
2020/01/19 Python
tensorflow如何继续训练之前保存的模型实例
2020/01/21 Python
在tensorflow中实现屏蔽输出的log信息
2020/02/04 Python
分享CSS3制作卡片式图片的方法
2016/07/08 HTML / CSS
详解CSS3弹性伸缩盒
2020/09/21 HTML / CSS
AT&T Wireless:手机、无限数据计划和配件
2018/06/03 全球购物
2015年教师节感恩寄语
2015/03/23 职场文书
2015年秋季运动会前导词
2015/07/20 职场文书
老人院义工活动感想
2015/08/07 职场文书
python解析json数据
2022/04/29 Python
全网非常详细的pytest配置文件
2022/07/15 Python