快捷導(dǎo)航

express+mongoose實(shí)現(xiàn)對(duì)mongodb增刪改查操作詳解

更新時(shí)間：2020年05月11日 10:20:54 作者：jrainlau

這篇文章主要介紹了express+mongoose實(shí)現(xiàn)對(duì)mongodb增刪改查操作,結(jié)合實(shí)例形式分析了express+mongoose對(duì)mongodb增刪改查操作基本實(shí)現(xiàn)方法與操作注意事項(xiàng),需要的朋友可以參考下

本文實(shí)例講述了express+mongoose實(shí)現(xiàn)對(duì)mongodb增刪改查操作。分享給大家供大家參考，具體如下：

項(xiàng)目地址：https://github.com/jrainlau/mongoose_crud

寫在開頭

本文主要分享我如何使用express+mongoose對(duì)mongodb實(shí)現(xiàn)增刪改查操作，感謝cnode社區(qū)所有精品文章的幫助，以及@airuikun的開源項(xiàng)目airuikun/mongoose_crud對(duì)我的啟發(fā)。
學(xué)習(xí)nodejs已經(jīng)小半個(gè)月了，一直琢磨著做一些什么東西出來。由于有著一定的PHP經(jīng)驗(yàn)，所以對(duì)數(shù)據(jù)庫的操作比較感興趣。乘著學(xué)習(xí)nodejs的勢(shì)頭，就打算把mongodb也一并學(xué)了。mongodb給我的感覺會(huì)比MySQL靈活一點(diǎn)，也比較好上手。掌握了一定的mongodb知識(shí)以后，便開始著手開發(fā)，實(shí)現(xiàn)最基礎(chǔ)的增刪改查功能。

項(xiàng)目準(zhǔn)備

首先你需要掌握一定的nodejs，express以及mongodb的知識(shí)，并且已經(jīng)安裝好express和mongoose模塊，同時(shí)電腦安裝有mongodb。關(guān)于mongodb的問題，可以移步我的另一篇文章：win7下快速啟動(dòng)mongodb的方法，里面有詳細(xì)的安裝及配置過程。同時(shí)推薦使用robomongo作為mongodb的可視化操作工具，方便我們直接查看和操作數(shù)據(jù)庫。

項(xiàng)目開始

打開命令行，輸入
express -e mongoose_crud
“-e”表示使用ejs作為模版引擎（jade太丑不喜歡）。生成項(xiàng)目文件結(jié)構(gòu)以后，執(zhí)行
cd mongoose_crud && npm install安裝依賴包。
現(xiàn)在我們的項(xiàng)目應(yīng)該長這樣的（modules文件夾是我自己建的，后面會(huì)講到）：

為了方便接下來的操作，推薦使用supervisor來啟動(dòng)項(xiàng)目
npm install supervisor -g
進(jìn)入我們的項(xiàng)目文件夾，我們改寫一下package.json文件，把里面的"scripts"改為下面的寫法

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

以后要啟動(dòng)項(xiàng)目只需要在項(xiàng)目文件夾下，執(zhí)行npm start即可。

改寫文件

由于express自己生成的文件結(jié)構(gòu)不那么優(yōu)美，所以稍微修改一下，方便接下來的工作。
首先打開\route文件夾，刪除沒用的user.js，打開index.js，修改為下面的內(nèi)容：

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

然后打開app.js文件夾，修改為以下內(nèi)容：

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;

其實(shí)就是把路由管理從app.js遷移到了\routes\index.js，方便我們管理。

我們可以測(cè)試一下，在瀏覽器輸入localhost:3000，如果輸出不是“Jrain真的很帥”，那就是你的項(xiàng)目出了問題。OK，接下來就到真正的開發(fā)啦！

增刪改查功能實(shí)現(xiàn)

在根目錄下，新建一個(gè)modules文件夾，里面新建一個(gè)叫做my_class.js的文件。我們這個(gè)項(xiàng)目是建立一個(gè)班級(jí)學(xué)生管理系統(tǒng)，能夠?qū)W(xué)生的姓名及學(xué)號(hào)進(jìn)行增刪改查的操作。文件內(nèi)容如下：

'use strict'
const mongoose = require('mongoose')
// 連接mongodb
mongoose.connect('mongodb://localhost/test')
// 實(shí)例化連接對(duì)象
const db = mongoose.connection
db.on('error', console.error.bind(console, '連接錯(cuò)誤：'))
db.once('open', (callback) => {
 console.log('MongoDB連接成功??！')
})
// 創(chuàng)建schema
const classSchema = new mongoose.Schema({
 name: String,
 studentId: Number
})
// 創(chuàng)建model
const classModel = mongoose.model('newClass', classSchema) // newClass為創(chuàng)建或選中的集合

module.exports = classModel

每一段的作用看注釋即可。現(xiàn)在我們已經(jīng)把項(xiàng)目跟mongodb連接好了，可以進(jìn)行接下來的步驟。

我們會(huì)有5個(gè)頁面，分別是首頁，學(xué)生信息增加頁面，學(xué)生刪除頁面，學(xué)生修改頁面，學(xué)生查找頁面。在\views文件夾內(nèi)建立相應(yīng)的ejs文件即可，代碼就不貼了，可以直接到項(xiàng)目去看：
https://github.com/jrainlau/mongoose_crud/tree/master/views

然后我們回到\routes\index.js，我們幾乎所有的邏輯都會(huì)在這里面進(jìn)行。

把當(dāng)中內(nèi)容修改為下面的代碼：

'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 })
  })
 })
 // 增加學(xué)生信息
 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='/'>添加成功，點(diǎn)擊返回首頁</a>")
  })
 })
 // 刪除學(xué)生信息
 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='/'>刪除成功，點(diǎn)擊返回首頁</a>")
  })
 })
 // 修改學(xué)生信息
 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("請(qǐng)勾選待修改的學(xué)生")</script>')
   }
   res.send("<a href='/'>修改成功，點(diǎn)擊返回首頁</a>")
  })
 })
 // 查找學(xué)生
 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請(qǐng)求接收參數(shù)，進(jìn)行相應(yīng)的操作，實(shí)現(xiàn)增刪改查的功能。主要用到的API有如下幾個(gè)：

.find()，作為讀取、查找學(xué)生信息用。
.create()，作為增加學(xué)生信息用。它是基于mongoose中的model的操作，傳入一個(gè)json對(duì)象作為需要添加的內(nèi)容，具體可自行查閱。
.update()，作為更新學(xué)生信息用。
.remove()，作為刪除學(xué)生信息用。

我們的項(xiàng)目已經(jīng)全部完成了，測(cè)試一下吧！