溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

express+mongoose如何實(shí)現(xiàn)對(duì)mongodb增刪改查

發(fā)布時(shí)間:2020-07-28 10:43:15 來(lái)源:億速云 閱讀:324 作者:小豬 欄目:MongoDB數(shù)據(jù)庫(kù)

這篇文章主要為大家展示了express+mongoose如何實(shí)現(xiàn)對(duì)mongodb增刪改查,內(nèi)容簡(jiǎn)而易懂,希望大家可以學(xué)習(xí)一下,學(xué)習(xí)完之后肯定會(huì)有收獲的,下面讓小編帶大家一起來(lái)看看吧。

寫在開頭

本文主要分享我如何使用express+mongoose對(duì)mongodb實(shí)現(xiàn)增刪改查操作,感謝cnode社區(qū)所有精品文章的幫助,以及@airuikun的開源項(xiàng)目airuikun/mongoose_crud對(duì)我的啟發(fā)。
學(xué)習(xí)nodejs已經(jīng)小半個(gè)月了,一直琢磨著做一些什么東西出來(lái)。由于有著一定的PHP經(jīng)驗(yàn),所以對(duì)數(shù)據(jù)庫(kù)的操作比較感興趣。乘著學(xué)習(xí)nodejs的勢(shì)頭,就打算把mongodb也一并學(xué)了。mongodb給我的感覺(jué)會(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的問(wèn)題,可以移步我的另一篇文章:win7下快速啟動(dòng)mongodb的方法,里面有詳細(xì)的安裝及配置過(guò)程。同時(shí)推薦使用robomongo作為mongodb的可視化操作工具,方便我們直接查看和操作數(shù)據(jù)庫(kù)。

項(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)該長(zhǎng)這樣的(modules文件夾是我自己建的,后面會(huì)講到):

express+mongoose如何實(shí)現(xiàn)對(duì)mongodb增刪改查

為了方便接下來(lái)的操作,推薦使用supervisor來(lái)啟動(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)美,所以稍微修改一下,方便接下來(lái)的工作。
首先打開\route文件夾,刪除沒(méi)用的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)目出了問(wèn)題。OK,接下來(lái)就到真正的開發(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連接成功?。?#39;)
})
// 創(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

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

我們會(huì)有5個(gè)頁(yè)面,分別是首頁(yè),學(xué)生信息增加頁(yè)面,學(xué)生刪除頁(yè)面,學(xué)生修改頁(yè)面,學(xué)生查找頁(yè)面。在\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) => {
 // 首頁(yè)
 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)擊返回首頁(yè)</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)擊返回首頁(yè)</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)擊返回首頁(yè)</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

其原理是,程序通過(guò)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è)試一下吧!

以上就是關(guān)于express+mongoose如何實(shí)現(xiàn)對(duì)mongodb增刪改查的內(nèi)容,如果你們有學(xué)習(xí)到知識(shí)或者技能,可以把它分享出去讓更多的人看到。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI