express+mongoose实现对mongodb增删改查操作详解

本文实例讲述了express+mongoose实现对mongodb增删改查操作。分享给大家供大家参考,具体如下:

项目地址:https://github.com/jrainlau/mongoose_crud


写在开头

本文主要分享我如何使用express+mongoose对mongodb实现增删改查操作,感谢cnode社区所有精品文章的帮助,以及@airuikun的开源项目airuikun/mongoose_crud对我的启发。
学习nodejs已经小半个月了,一直琢磨着做一些什么东西出来。由于有着一定的PHP经验,所以对数据库的操作比较感兴趣。乘着学习nodejs的势头,就打算把mongodb也一并学了。mongodb给我的感觉会比MySQL灵活一点,也比较好上手。掌握了一定的mongodb知识以后,便开始着手开发,实现最基础的增删改查功能。


项目准备

首先你需要掌握一定的nodejs,express以及mongodb的知识,并且已经安装好express和mongoose模块,同时电脑安装有mongodb。关于mongodb的问题,可以移步我的另一篇文章:win7下快速启动mongodb的方法,里面有详细的安装及配置过程。同时推荐使用robomongo作为mongodb的可视化操作工具,方便我们直接查看和操作数据库。

项目开始

打开命令行,输入
express -e mongoose_crud
“-e”表示使用ejs作为模版引擎(jade太丑不喜欢)。生成项目文件结构以后,执行
cd mongoose_crud && npm install安装依赖包。
现在我们的项目应该长这样的(modules文件夹是我自己建的,后面会讲到):

为了方便接下来的操作,推荐使用supervisor来启动项目
npm install supervisor -g
进入我们的项目文件夹,我们改写一下package.json文件,把里面的"scripts"改为下面的写法

"scripts": {
 "start": "supervisor ./bin/www"
 },

以后要启动项目只需要在项目文件夹下,执行npm start即可。

改写文件

由于express自己生成的文件结构不那么优美,所以稍微修改一下,方便接下来的工作。
首先打开\route文件夹,删除没用的user.js,打开index.js,修改为下面的内容:

'use strict'
const routes = (app) => {
 app.get('/', (req, res, next) => {
  res.render('index', { title: 'Jrain真的很帅'})
 })
}

然后打开app.js文件夹,修改为以下内容:

var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');

var routes = require('./routes/index');

var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');

// uncomment after placing your favicon in /public
app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

routes(app)

// catch 404 and forward to error handler
app.use(function(req, res, next) {
 var err = new Error('Not Found');
 err.status = 404;
 next(err);
});

// error handlers

// development error handler
// will print stacktrace
if (app.get('env') === 'development') {
 app.use(function(err, req, res, next) {
 res.status(err.status || 500);
 res.render('error', {
  message: err.message,
  error: err
 });
 });
}

// production error handler
// no stacktraces leaked to user
app.use(function(err, req, res, next) {
 res.status(err.status || 500);
 res.render('error', {
 message: err.message,
 error: {}
 });
});

module.exports = app;

其实就是把路由管理从app.js迁移到了\routes\index.js,方便我们管理。

我们可以测试一下,在浏览器输入localhost:3000,如果输出不是“Jrain真的很帅”,那就是你的项目出了问题。OK,接下来就到真正的开发啦!

增删改查功能实现

在根目录下,新建一个modules文件夹,里面新建一个叫做my_class.js的文件。我们这个项目是建立一个班级学生管理系统,能够对学生的姓名及学号进行增删改查的操作。文件内容如下:

'use strict'
const mongoose = require('mongoose')
// 连接mongodb
mongoose.connect('mongodb://localhost/test')
// 实例化连接对象
const db = mongoose.connection
db.on('error', console.error.bind(console, '连接错误:'))
db.once('open', (callback) => {
 console.log('MongoDB连接成功!!')
})
// 创建schema
const classSchema = new mongoose.Schema({
 name: String,
 studentId: Number
})
// 创建model
const classModel = mongoose.model('newClass', classSchema) // newClass为创建或选中的集合

module.exports = classModel

每一段的作用看注释即可。现在我们已经把项目跟mongodb连接好了,可以进行接下来的步骤。

我们会有5个页面,分别是首页,学生信息增加页面,学生删除页面,学生修改页面,学生查找页面。在\views文件夹内建立相应的ejs文件即可,代码就不贴了,可以直接到项目去看:
https://github.com/jrainlau/mongoose_crud/tree/master/views

然后我们回到\routes\index.js,我们几乎所有的逻辑都会在这里面进行。

把当中内容修改为下面的代码:

'use strict'
const classModel = require('../modules/my_class')
const routes = (app) => {
 // 首页
 app.get('/', (req, res, next) => {
  let response = res
  classModel.find({}, (err, result, res) => {
   if(err) return console.log(err)
   response.render('index', { result })
  })
 })
 // 增加学生信息
 app.get('/create', (req, res, next) => {
  res.render('create', {})
 })
 app.post('/create', (req, res, next) => {
  let newStudent = [{
   name: req.body.name,
   studentId: req.body.student_id
  }]
  classModel.create(newStudent, (err) => {
   if(err) return console.log(err)
   res.send("<a href='/'>添加成功,点击返回首页</a>")
  })
 })
 // 删除学生信息
 app.get('/del', (req, res, next) => {
  let response = res
  classModel.find({}, (err, result, res) => {
   if(err) return console.log(err)
   response.render('del', { result })
  })
 })
 app.post('/del', (req, res, next) => {
  classModel.remove({_id: req.body.student}, (err, result) => {
   if(err) return console.log(err)
   console.log(result.result)
   res.send("<a href='/'>删除成功,点击返回首页</a>")
  })
 })
 // 修改学生信息
 app.get('/update', (req, res, next) => {
  let response = res
  classModel.find({}, (err, result, res) => {
   if(err) return console.log(err)
   response.render('update', { result })
  })
 })
 app.post('/update', (req, res, next) => {
  console.log(req.body)
  let num = req.body.num,
   condiction = {_id: req.body._id[num]},
   query = {$set: {name: req.body.name[num], studentId: req.body.student_id[num]}}
  classModel.update(condiction, query, (err, result) => {
   if(err) {
    console.log(err)
    res.send('<script>alert("请勾选待修改的学生")</script>')
   }
   res.send("<a href='/'>修改成功,点击返回首页</a>")
  })
 })
 // 查找学生
 app.get('/reach', (req, res, next) => {
  let result = null
  res.render('reach', { result })
 })
 app.post('/reach', (req, res, next) => {
  console.log(req.body)
  let response = res
  let reachType = req.body.reach_type,
   keyWord = req.body.keyword
  if (reachType == 0) {
   classModel.find({name: keyWord}, (err, result) => {
    if(err) return console.log(err)
    response.render('reach', { result })
   })
  } else {
   classModel.find({studentId: keyWord}, (err, result) => {
    if(err) return console.log(err)
    response.render('reach', { result })
   })
  }
 })
}
module.exports = routes

其原理是,程序通过post请求接收参数,进行相应的操作,实现增删改查的功能。主要用到的API有如下几个:

  • .find(),作为读取、查找学生信息用。
  • .create(),作为增加学生信息用。它是基于mongoose中的model的操作,传入一个json对象作为需要添加的内容,具体可自行查阅。
  • .update(),作为更新学生信息用。
  • .remove(),作为删除学生信息用。

我们的项目已经全部完成了,测试一下吧!

尾声

这篇东西不是教程,仅作为自己学习的一个记录。如果能够对他人有用就最好啦,如果觉得我哪里说得不对也欢迎指正。谢谢大家~!

希望本文所述对大家MongoDB数据库程序设计有所帮助。

(0)

相关推荐

  • vue+socket.io+express+mongodb 实现简易多房间在线群聊示例

    项目简介 主要是通过做一个多人在线多房间群聊的小项目.来练手全栈技术的结合运用. 项目源码:chat-vue-node 主要技术: vue2全家桶 + socket.io + node(express) + mongodb(mongoose) 环境配置: 需安装配置好 node,mongodb环境(参考:http://www.jb51.net/article/109449.htm); 建议安装 Robomogo 客户端来管理mongodb数据. 编译运行: 1.开启MongoDB服务,新建命令行

  • Node.js对MongoDB进行增删改查操作的实例代码

    MongoDB简介 MongoDB是一个开源的.文档型的NoSQL数据库程序.MongoDB将数据存储在类似JSON的文档中,操作起来更灵活方便.NoSQL数据库中的文档(documents)对应于SQL数据库中的一行.将一组文档组合在一起称为集合(collections),它大致相当于关系数据库中的表. 除了作为一个NoSQL数据库,MongoDB还有一些自己的特性: •易于安装和设置 •使用BSON(类似于JSON的格式)来存储数据 •将文档对象映射到应用程序代码很容易 •具有高度可伸缩性和

  • express使用Mongoose连接MongoDB操作示例【附源码下载】

    本文实例讲述了express使用Mongoose连接MongoDB操作.分享给大家供大家参考,具体如下: 为何要学Mongoose? Mongoose是MongoDB的一个对象模型工具,封装了MongoDB对文档的的一些增删改查等常用方法,让NodeJS操作Mongodb数据库变得更加灵活简单. 0.安装nodejs和mongoDB->MongoDB的安装 1.创建express工程 2.进入工程目录安装mongoose并引入依赖: npm install --save mongoose 3.使

  • express+vue+mongodb+session 实现注册登录功能

    主要实现如下功能: 1. 支持注册,登录功能,用户可以注册完成后,进行登录,登录完成后会进入到列表增删改查页面. 2. 支持session会话,也就是说设置了多长时间登录过期,如果用户没有登录,直接进查询列表页面,会重定向到登录页面去,如果用户登录了后,把浏览器关掉,直接输入列表查询页面,会直接进入列表页面的. 3. 列表数据加入了分页功能. 4. 对数据库中的请求加入了日志记录. 先看下效果: 1. 首先服务器重启后,在地址栏中输入 http://localhost:8081/ 后,会重定向到

  • mongodb增删改查详解_动力节点Java学院整理

    仔细观察"划线区域"的信息,发现db文件夹下有一个类似的"lock file"阻止了mongodb的开启,接下来我们要做的就是干掉它,之后,开启成功,关于mongodb的管理方式将在后续文章分享. 一: Insert操作 上一篇也说过,文档是采用"K-V"格式存储的,如果大家对JSON比较熟悉的话,我相信学mongodb是手到擒来,我们知道JSON里面Value 可能是"字符串",可能是"数组",又有可能是

  • 如何优雅的在一台vps(云主机)上面部署vue+mongodb+express项目

    项目: vue + express + mongodb 项目前后分离部署在一台服务器上面 express端口:3000 mongodb端口:27017 vue端口:本地是8080 服务端是:80 本地开发配置 本地开发基于vue cli 端口是 8080如果请求api的时候在前缀加上localhost:3000会提示跨域问题,我们可以使用下面方式来解决这个问题 在vue项目路径找到这个文件 /vue-item/config/index.js 找到这行代码: proxyTable: {} 添加如下

  • Node+Express+MongoDB实现登录注册功能实例

    注入MongoDB 依赖 var mongoose = require("mongoose"); 由于需要进行表单处理,需要用到bodyParser中间件 bodyParser模块来做文件解析,将表单里的数据进行格式化 var bodyParser = require("body-parser"); app.use(bodyParser.json()); app.use(bodyParser.urlencoded({ extended: true })); 登录后将

  • Java连接MongoDB进行增删改查的操作

    Java连接MongoDB进行增删改查的操作 1.创建数据库的连接,进行增删改查 (分别为接口和实现类) package com.dao; import java.util.List; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.data.mongodb.core.MongoTemplate; import org.springframework.data.mo

  • nodejs连接mongodb数据库实现增删改查

    准备 1.通过npm命令安装mongodb 2.安装mongodb数据库,这里不详细介绍了,安装网址:http://www.jb51.net/article/82522.htm CRUD操作 在此之前应对MongoDB数据库有所了解,知道它的一些增删查改命令. 1.增加 var MongoClient = require("mongodb").MongoClient; var DB_URL = "mongodb://localhost:27017/chm"; fun

  • 零基础搭建Node.js、Express、Ejs、Mongodb服务器及应用开发入门

    本文改自非鱼的<[翻译]前端开发人员入门指南,从零开始搭建Node.js, Express, Jade, Mongodb服务器>,之所以把Jade换成Ejs,是因为我觉得ejs更符合WEB编程人员的习惯,更确切说应该是更符合PHP.ASP程序员的使用习惯.好了,废话不多说,直接开始教程. 第1部分 – 15分钟安装 如果你真的是从零开始学,那就花点时间先把环境搭建起来吧.这不难,我用的是Win8,所以这看上去跟那些用Mac和Ubuntu或者其它*nix系统的教程有点区别,不过大致是一样的. 第

  • MongoDB简单操作示例【连接、增删改查等】

    本文实例讲述了MongoDB简单操作.分享给大家供大家参考,具体如下: MongoDB 中默认的数据库为 test,连接后尝试以下操作 连接 插入数据:用过json的同学看到这格式相信不会陌生吧! db.person.insert({"name":"jack","age":22}) db.person.insert({"name":"Mary","age":22}) 查: db.pers

  • webpack4+express+mongodb+vue实现增删改查的示例

    在讲解之前,我们先来看看效果如下所示: 1)整个页面的效果如下: 2) 新增数据效果如下: 3) 新增成功如下: 4) 编辑数据效果如下: 5) 编辑成功效果如下: 6) 删除数据效果如下: 7) 删除成功效果如下: 8) 查询效果如下: 如上的效果,下面我们还是和之前一样,先看看我们整个项目的架构如下所示: ### 目录结构如下: demo1 # 工程名 | |--- dist # 打包后生成的目录文件 | |--- node_modules # 所有的依赖包 | |----database

随机推荐