摘要:項(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ǔ)的增刪改查功能。
首先你需要掌握一定的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ā)啦!
在根目錄下,新建一個(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
摘要:作為一個(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...
摘要:類比一下你有一個(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è)...
摘要:類比一下你有一個(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è)...
摘要:全局安裝腳手架創(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腳手架 ...
摘要:使用操作的測(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ù)是...
閱讀 1832·2021-09-22 15:54
閱讀 2945·2021-09-01 10:42
閱讀 3460·2019-08-30 15:56
閱讀 1453·2019-08-29 18:46
閱讀 2483·2019-08-29 10:57
閱讀 2725·2019-08-28 17:57
閱讀 3676·2019-08-23 18:14
閱讀 848·2019-08-23 17:03