摘要:項目地址寫在開頭本文主要分享我如何使用對實現增刪改查操作,感謝社區所有精品文章的幫助,以及的開源項目對我的啟發。我們這個項目是建立一個班級學生管理系統,能夠對學生的姓名及學號進行增刪改查的操作。
項目地址:https://github.com/jrainlau/mongoose_cru...
本文主要分享我如何使用express+mongoose對mongodb實現增刪改查操作,感謝cnode社區所有精品文章的幫助,以及@airuikun的開源項目airuikun/mongoose_crud對我的啟發。
學習nodejs已經小半個月了,一直琢磨著做一些什么東西出來。由于有著一定的PHP經驗,所以對數據庫的操作比較感興趣。乘著學習nodejs的勢頭,就打算把mongodb也一并學了。mongodb給我的感覺會比MySQL靈活一點,也比較好上手。掌握了一定的mongodb知識以后,便開始著手開發,實現最基礎的增刪改查功能。
首先你需要掌握一定的nodejs,express以及mongodb的知識,并且已經安裝好express和mongoose模塊,同時電腦安裝有mongodb。關于mongodb的問題,可以移步我的另一篇文章:win7下快速啟動mongodb的方法,里面有詳細的安裝及配置過程。同時推薦使用robomongo作為mongodb的可視化操作工具,方便我們直接查看和操作數據庫。
項目開始打開命令行,輸入
express -e mongoose_crud
“-e”表示使用ejs作為模版引擎(jade太丑不喜歡)。生成項目文件結構以后,執行
cd mongoose_crud && npm install安裝依賴包。
現在我們的項目應該長這樣的(modules文件夾是我自己建的,后面會講到):
為了方便接下來的操作,推薦使用supervisor來啟動項目
npm install supervisor -g
進入我們的項目文件夾,我們改寫一下package.json文件,把里面的"scripts"改為下面的寫法
"scripts": { "start": "supervisor ./bin/www" },
以后要啟動項目只需要在項目文件夾下,執行npm start即可。
改寫文件由于express自己生成的文件結構不那么優美,所以稍微修改一下,方便接下來的工作。
首先打開
oute文件夾,刪除沒用的user.js,打開index.js,修改為下面的內容:
"use strict" const routes = (app) => { app.get("/", (req, res, next) => { res.render("index", { title: "Jrain真的很帥"}) }) }
然后打開app.js文件夾,修改為以下內容:
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;
其實就是把路由管理從app.js遷移到了
outesindex.js,方便我們管理。
我們可以測試一下,在瀏覽器輸入localhost:3000,如果輸出不是“Jrain真的很帥”,那就是你的項目出了問題。OK,接下來就到真正的開發啦!
在根目錄下,新建一個modules文件夾,里面新建一個叫做my_class.js的文件。我們這個項目是建立一個班級學生管理系統,能夠對學生的姓名及學號進行增刪改查的操作。文件內容如下:
"use strict" const mongoose = require("mongoose") // 連接mongodb mongoose.connect("mongodb://localhost/test") // 實例化連接對象 const db = mongoose.connection db.on("error", console.error.bind(console, "連接錯誤:")) db.once("open", (callback) => { console.log("MongoDB連接成功??!") }) // 創建schema const classSchema = new mongoose.Schema({ name: String, studentId: Number }) // 創建model const classModel = mongoose.model("newClass", classSchema) // newClass為創建或選中的集合 module.exports = classModel
每一段的作用看注釋即可?,F在我們已經把項目跟mongodb連接好了,可以進行接下來的步驟。
我們會有5個頁面,分別是首頁,學生信息增加頁面,學生刪除頁面,學生修改頁面,學生查找頁面。在views文件夾內建立相應的ejs文件即可,代碼就不貼了,可以直接到項目去看:
https://github.com/jrainlau/mongoose_cru...
然后我們回到
outesindex.js,我們幾乎所有的邏輯都會在這里面進行。
把當中內容修改為下面的代碼:
"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 }) }) }) // 增加學生信息 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("添加成功,點擊返回首頁") }) }) // 刪除學生信息 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("刪除成功,點擊返回首頁") }) }) // 修改學生信息 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("修改成功,點擊返回首頁") }) }) // 查找學生 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請求接收參數,進行相應的操作,實現增刪改查的功能。主要用到的API有如下幾個:
.find(),作為讀取、查找學生信息用。
.create(),作為增加學生信息用。它是基于mongoose中的model的操作,傳入一個json對象作為需要添加的內容,具體可自行查閱。
.update(),作為更新學生信息用。
.remove(),作為刪除學生信息用。
我們的項目已經全部完成了,測試一下吧!
這篇東西不是教程,僅作為自己學習的一個記錄。如果能夠對他人有用就最好啦,如果覺得我哪里說得不對也歡迎指正。謝謝大家~!
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/18843.html
摘要:作為一個有志向的前端,怎么能不搞搞全棧呢。。。地址歡迎大家多多交流前端技術啊,如果大家喜歡的話,請給我一個小小的哦 作為一個有志向的前端,怎么能不搞搞全(zhuang)棧(bi)呢。。。說搞咱就搞啊,后端就用node,數據庫就用mongodb,前端呢,呃,再搞個node的web框架express,思路搞定,開始搭建我們的環境,搭建之前還是先看看我們的目標和成果 項目的目標和成果 sh...
摘要:類比一下你有一個巨型停車場,里邊分了不同的停車區集合,這里的,每個停車區可以停很多車下文提到的,相當于每個數據集合里邊可以有很多張數據表。 Node.js利用mongoose連接mongodb數據庫 Node.js連接mongodb數據庫有很多種方法,通過mongoose模塊引入是其中的一個方法 代碼組織結構 |---|根目錄 |---|---|connect.js(mongoose測...
摘要:類比一下你有一個巨型停車場,里邊分了不同的停車區集合,這里的,每個停車區可以停很多車下文提到的,相當于每個數據集合里邊可以有很多張數據表。 Node.js利用mongoose連接mongodb數據庫 Node.js連接mongodb數據庫有很多種方法,通過mongoose模塊引入是其中的一個方法 代碼組織結構 |---|根目錄 |---|---|connect.js(mongoose測...
摘要:全局安裝腳手架創建項目與是一個對象數據庫,是用來存儲數據的存儲的數據格式為。三封裝數據庫的在文件下新建采用封裝對數據庫的操作,避免回調地獄,使得代碼能夠更好的被讀懂和維護。 前奏 Express 是什么? Express 是一個基于 Node.js 平臺的極簡、靈活的 web 應用開發框架,它提供一系列強大的特性,幫助你創建各種 Web 和移動設備應用。 全局安裝express腳手架 ...
摘要:使用操作的測試文件連接數據庫引入連接指定的數據庫只有數據庫是變化的獲取連接對象綁定連接完成的監聽用來提示連接成功得到對應特定集合的字義描述文檔結構定義與集合對應,可以操作集合通過或其實例對集合數據進行操作通過實例的添加數據通過的查詢多個或一 使用 mongoose 操作 mongodb 的測試文件 連接數據庫1.1 引入 mongoose1.2 連接指定的數據庫(URL 只有數據庫是...
閱讀 1813·2021-09-22 15:54
閱讀 2923·2021-09-01 10:42
閱讀 3442·2019-08-30 15:56
閱讀 1432·2019-08-29 18:46
閱讀 2464·2019-08-29 10:57
閱讀 2703·2019-08-28 17:57
閱讀 3659·2019-08-23 18:14
閱讀 833·2019-08-23 17:03