成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

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

Markxu / 2533人閱讀

摘要:項(xiàng)目地址寫在開頭本文主要分享我如何使用對(duì)實(shí)現(xiàn)增刪改查操作,感謝社區(qū)所有精品文章的幫助,以及的開源項(xiàng)目對(duì)我的啟發(fā)。我們這個(gè)項(xiàng)目是建立一個(gè)班級(jí)學(xué)生管理系統(tǒng),能夠?qū)W(xué)生的姓名及學(xué)號(hào)進(jìn)行增刪改查的操作。

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


寫在開頭

本文主要分享我如何使用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ù)庫(kù)的操作比較感興趣。乘著學(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ù)庫(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ì)講到):

為了方便接下來的操作,推薦使用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)美,所以稍微修改一下,方便接下來的工作。
首先打開 oute文件夾,刪除沒用的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遷移到了 outesindex.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

每一段的作用看注釋即可?,F(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_cru...
然后我們回到 outesindex.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("添加成功,點(diǎn)擊返回首頁")
        })
    })
    // 刪除學(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("刪除成功,點(diǎn)擊返回首頁")
        })
    })
    // 修改學(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("")
            }
            res.send("修改成功,點(diǎn)擊返回首頁")
        })
    })
    // 查找學(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è)試一下吧!

尾聲

這篇東西不是教程,僅作為自己學(xué)習(xí)的一個(gè)記錄。如果能夠?qū)λ擞杏镁妥詈美?,如果覺得我哪里說得不對(duì)也歡迎指正。謝謝大家~!

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/18843.html

相關(guān)文章

  • node express mongoose簡(jiǎn)單實(shí)現(xiàn)全棧之刪改

    摘要:作為一個(gè)有志向的前端,怎么能不搞搞全棧呢。。。地址歡迎大家多多交流前端技術(shù)啊,如果大家喜歡的話,請(qǐng)給我一個(gè)小小的哦 作為一個(gè)有志向的前端,怎么能不搞搞全(zhuang)棧(bi)呢。。。說搞咱就搞啊,后端就用node,數(shù)據(jù)庫(kù)就用mongodb,前端呢,呃,再搞個(gè)node的web框架express,思路搞定,開始搭建我們的環(huán)境,搭建之前還是先看看我們的目標(biāo)和成果 項(xiàng)目的目標(biāo)和成果 sh...

    AndroidTraveler 評(píng)論0 收藏0
  • Node.js學(xué)習(xí)之路23——Node.js利用mongoose連接mongodb數(shù)據(jù)庫(kù)

    摘要:類比一下你有一個(gè)巨型停車場(chǎng),里邊分了不同的停車區(qū)集合,這里的,每個(gè)停車區(qū)可以停很多車下文提到的,相當(dāng)于每個(gè)數(shù)據(jù)集合里邊可以有很多張數(shù)據(jù)表。 Node.js利用mongoose連接mongodb數(shù)據(jù)庫(kù) Node.js連接mongodb數(shù)據(jù)庫(kù)有很多種方法,通過mongoose模塊引入是其中的一個(gè)方法 代碼組織結(jié)構(gòu) |---|根目錄 |---|---|connect.js(mongoose測(cè)...

    ssshooter 評(píng)論0 收藏0
  • Node.js學(xué)習(xí)之路23——Node.js利用mongoose連接mongodb數(shù)據(jù)庫(kù)

    摘要:類比一下你有一個(gè)巨型停車場(chǎng),里邊分了不同的停車區(qū)集合,這里的,每個(gè)停車區(qū)可以停很多車下文提到的,相當(dāng)于每個(gè)數(shù)據(jù)集合里邊可以有很多張數(shù)據(jù)表。 Node.js利用mongoose連接mongodb數(shù)據(jù)庫(kù) Node.js連接mongodb數(shù)據(jù)庫(kù)有很多種方法,通過mongoose模塊引入是其中的一個(gè)方法 代碼組織結(jié)構(gòu) |---|根目錄 |---|---|connect.js(mongoose測(cè)...

    jsummer 評(píng)論0 收藏0
  • Express+MongoDB步步為'贏'

    摘要:全局安裝腳手架創(chuàng)建項(xiàng)目與是一個(gè)對(duì)象數(shù)據(jù)庫(kù),是用來存儲(chǔ)數(shù)據(jù)的存儲(chǔ)的數(shù)據(jù)格式為。三封裝數(shù)據(jù)庫(kù)的在文件下新建采用封裝對(duì)數(shù)據(jù)庫(kù)的操作,避免回調(diào)地獄,使得代碼能夠更好的被讀懂和維護(hù)。 前奏 Express 是什么? Express 是一個(gè)基于 Node.js 平臺(tái)的極簡(jiǎn)、靈活的 web 應(yīng)用開發(fā)框架,它提供一系列強(qiáng)大的特性,幫助你創(chuàng)建各種 Web 和移動(dòng)設(shè)備應(yīng)用。 全局安裝express腳手架 ...

    張春雷 評(píng)論0 收藏0
  • 使用 mongoose 操作 mongodb 刪改

    摘要:使用操作的測(cè)試文件連接數(shù)據(jù)庫(kù)引入連接指定的數(shù)據(jù)庫(kù)只有數(shù)據(jù)庫(kù)是變化的獲取連接對(duì)象綁定連接完成的監(jiān)聽用來提示連接成功得到對(duì)應(yīng)特定集合的字義描述文檔結(jié)構(gòu)定義與集合對(duì)應(yīng),可以操作集合通過或其實(shí)例對(duì)集合數(shù)據(jù)進(jìn)行操作通過實(shí)例的添加數(shù)據(jù)通過的查詢多個(gè)或一 使用 mongoose 操作 mongodb 的測(cè)試文件 連接數(shù)據(jù)庫(kù)1.1 引入 mongoose1.2 連接指定的數(shù)據(jù)庫(kù)(URL 只有數(shù)據(jù)庫(kù)是...

    renweihub 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<