簡介

實(shí)現(xiàn)一個 vue+express+mongodb 的小demo，包含了列表的增刪查，以及簡單的分頁功能。
Github項(xiàng)目地址

mongo命令行操作

// 進(jìn)入mongo命令行
mongo

// 查詢所有數(shù)據(jù)庫
show dbs

// 切換/創(chuàng)建數(shù)據(jù)庫,當(dāng)創(chuàng)建一個集合(table)的時候會自動創(chuàng)建當(dāng)前數(shù)據(jù)庫
use test

// 查詢
db.表名.find()

// 條件查詢
db.表名.find({price: 5})

// 插入(insertOne/insertMany/save)
db.表名.insertOne({name: '蘋果', price: 5})

// 更新
db.表名.update({ name: '蘋果' }, { $set: { price: 6 } })

// 刪除(deleteOne/deleteMany/remove)
db.表名.updateOne({ name: '蘋果' })

mongoDB

mongoDB的基本操作 ??

1. 連接mongoDB

// 客戶端
const MongoClient = require('mongodb').MongoClient

// 連接URL
const url = 'mongodb://localhost:27017'

// 數(shù)據(jù)庫名
const dbName = 'test'

(async function() {
  // 0.創(chuàng)建客戶端
  const client = new MongoClient(url, { useNewUrlParser: true })
  try {
    // 1.連接數(shù)據(jù)庫(異步) 
    await client.connect() 
    console.log('連接成功')
  } catch (error) {
    console.error(error)
  }
  client.close()
})()

2. 獲取數(shù)據(jù)庫

const db = client.db(dbName)

3. 獲取表

const col = db.collection(colName)

基本操作了解后運(yùn)行一下項(xiàng)目里的代碼~ ??

運(yùn)行

首先安裝以下

npm i express path events mongodb nodemon

conf.js里設(shè)置自己的mongodb配置

數(shù)據(jù)庫沒數(shù)據(jù)的話先執(zhí)行以下添加數(shù)據(jù)：

cd models
nodemon testData.js

添加好之后ctrl+c, 再執(zhí)行以下

cd ..
nodemon index.js

打開localhost:3000能看到如下樣式

image.png

EventEmitter

項(xiàng)目中有一個testData.js，執(zhí)行后可以插入測試數(shù)據(jù)。其中有一個 mongodb.once() 方法，實(shí)際上在db.js里的 MongDB類 中是執(zhí)行了 EventEmitter的once 方法。events模塊只提供了一個對象： events.EventEmitter， 其核心就是事件觸發(fā)與事件監(jiān)聽器功能的封裝，可以通過require('events')來訪問該模塊。

// 例子
const EventEmitter = require('events').EventEmitter 
const event = new EventEmitter() 
event.on('some_event', num =>  { 
  console.log('some_event 事件觸發(fā):' + num) 
}) 
let num = 0
setInterval(() =>  { 
  event.emit('some_event' , num ++ ) 
}, 1000) 

event.once() 是只執(zhí)行一次的監(jiān)聽，所以執(zhí)行 nodemon testData.js 后，只觸發(fā)一次連庫的操作并執(zhí)行回調(diào)。

注意的點(diǎn)

• 后端get請求的參數(shù)從query里拿, post請求的參數(shù)從body里拿。
• const page = + req.query.page +號為了轉(zhuǎn)Number類型。
• .skip(n).limit(m) 意為跳過n個取m個。
• mongoDB插入數(shù)據(jù)時自動生成的 _id 是 ObjectId 對象類型，所以當(dāng)參數(shù)作為查詢條件時需要引入 mongodb的ObjectID，傳參時調(diào)用。

End

前端小白第一次使用mongoDB的記錄??，簡單小例子容易入門和理解，輕噴~ ??