人的一生就像一篇文章,只有经过多次精心修改,才能不断完善。
再好的东西不使用它,他终究不属于你,只有我们真正的把它运用到实际,真正的理解它,才能发挥它的最大作用正所谓实践出真理
。深入浅出mongodb(一)和深入浅出mongodb(二)两篇文章讲述了一些安装和使用的基础知识,这篇文章小编将带你走进实战世界,真正体会项目中是怎么使用mongodb开发,让我们一起揭开它神秘的面纱。
项目中我们用到的是基于node
的express[1] 框架
npm i express-generator -g
express-generator
是一个express的应用生成器,可以快速的创建一个express应用。
安装完成上述指令之后,我们可以检查一下安装的express是否能用
express --version
接着我们就可以创建项目了,在创建项目的时候可以先express -h
来查看一下,express命令的参数
$ express -h Usage: express [options] [dir] Options: --version output the version number -e, --ejs add ejs engine support --pug add pug engine support --hbs add handlebars engine support -H, --hogan add hogan.js engine support -v, --view <engine> add view <engine> support (dust|ejs|hbs|hjs|jade|pug|twig|vash) (defaults to jade) --no-view use static html instead of view engine -c, --css <engine> add stylesheet <engine> support (less|stylus|compass|sass) (defaults to plain css) --git add .gitignore -f, --force force on non-empty directory -h, --help output usage information
在默认的情况下,我们创建的项目模板引擎使用的是jade,个人感觉ejs[2]模板引擎比较好用,所以我们可以通过修改模板引擎的方式创建项目
express backend -e
创建好项目之后,我们express骨架已经搭建好了,我们可以启动项目看一下效果
cd backend npm i npm start
如果出现下面的结果说明我们的启动成功了
$ npm start > backend@0.0.0 start C:\Users\DELL\Desktop\backend > node ./bin/www
这个时候我们打开项目先熟悉一下项目目录
bin
是启动目录,里面有一个www启动文件,默认的端口是3000,如果不合适我们可以手动修改node_modules
这个目录下面是我们安装的所有依赖pubilc
这个文件夹下是我们前端存放静态资源的routes
这个文件是存放路由的,主要编写前端发送请求和响应数据给前端views
这个文件夹中ejs文件结尾的文件是后端的模板文件app.js
是入口文件,模板配置和总路由文件package.json
这个是包的描述文件,我们主要关注的是scripts
和dependencies
。我们在执行node文件的时候,如果修改了node文件,每次执行都需要重新启动项目才行,为了方便我们可以使用
nodemon
来监听项目的改动,不再需要重复启动项目,这么方便的东西用起来能不香吗??
npm i nodemon -g
//package.json "scripts": { "start": "nodemon ./bin/www" },
完成上述的操作之后,我们启动项目npm start
npm i mongoose -S
完成安装之后我们需要在app.js
里引入并且配置数据库
//app.js //引入数据库 const mongoose = require('mongoose'); //连接数据库 mongoose.connect(`mongodb://localhost:27017/test`,{ useNewUrlParser: true, useUnifiedTopology: true });
在开发中,我们采用的都是前后端分离
的状态,在本地的开发环境中我们无法避免的会遇到跨域[3]的情况,我们这里设置允许所有的源访问
app.use("/*", function (req, res, next) { //设置headers res.header("Access-Control-Allow-Origin", "*"); res.header("Access-Control-Allow-Methods", "GET,PUT,POST,DELETE,OPTION"); //自定义请求头 res.header( "Access-Control-Allow-Headers", "Content-type,Accept,X-Access-Token,X-Key" ); if (req.method == "OPTIONS") { res.status(200).end(); } else { next(); } });
OPTIONS
这个是预检请求,如果遇到了不同源请求时,会先询问来自哪个源对源进行检查之后,做出响应。
实际上在真正的开发环境中,如果我们这么设置允许所有的的源都可以访问会有很多问题,我们可以使用cors[4]来代替它
当然如果在生产中我们采用nginx部署之后,就不存在跨域了?
接下来就是我们平时常说的
mvc
模式下的m
和c
部分了,为了结构清晰,便于维护我们分成四部分scheme
,model
,controller
,api
在项目的根目录下创建scheme文件夹,因为这里项目简单我们就创建一个index.js
文件,当然如果项目模块和功能比较多的话,我们可以按照功能来创建文件,因人而异。
const mongoose = require("mongoose"); const Scheme = mongoose.Schema; const ObjectId = mongoose.Types.ObjectId; //物品表 const gooseScheme = Scheme({ id: ObjectId, name: String, age: Number, image: String, price: Number, description: String, user: { type: ObjectId, ref: "User", }, }); //用户表 const userScheme= Scheme({ id: ObjectId, name: String, }); module.exports = { gooseScheme, userScheme };
在项目的根目录下创建model的文件夹,创建index.js
文件:
const mongoose = require("mongoose"); const model = mongoose.model.bind(mongoose); const scheme = require("../scheme"); const { gooseScheme, userScheme } = scheme; const GooseModel = model("Goose", gooseScheme); const UserModel = model("User", userScheme); module.exports = { GooseModel, UserModel };
在项目的根目录下创建controller
的文件夹,根据功能我们创建userController.js
和gooseController.js
//userController.js const Model = require("../model"); const { UserModel } = Model; const userController = { all(req, res) { UserModel.find({}).then(docs => res.json(docs)); }, create(req, res) { const requestBody = req.body; const newUserModel = new UserModel(requestBody); newUserModel.save((err, save) => { UserModel.findOne({ _id: save._id }).then((docs) => res.json(docs)); }); }, byId(req, res) { const idParams = req.params.id; UserModel.findOne({ _id: idParams }).then((docs) => res.json(docs)); }, update(req, res) { const idParams = req.params.id; let requestBody = req.body; UserModel.updateOne({ _id: idParams }, { ...requestBody }, (err, docs) => { res.json(docs); }); }, remove(req, res) { const idParams = req.params.id; UserModel.findOne({ _id: idParams }).remove((err, docs) => res.json(idParams) ); }, }; module.exports = userController;
//gooseController.js const Model = require("../model"); const { GooseModel } = Model; const gooseController = { all(req, res) { GooseModel .find({}) .populate("user") .then(docs=> res.json(docs)); }, byId(req, res) { const idParams = req.params.id; GooseModel .findOne({ _id: idParams }) .populate("user") .then((docs) => res.json(docs)); }, create(req, res) { const requestBody = req.body; const newGooseModel = new GooseModel(requestBody); newGooseModel.save((err, saved) => { console.log(saved); GooseModel .findOne({ _id: newGooseModel._id }) .populate("user") .then((docs) => res.json(docs)); }); }, update(req, res) { const idParams = req.params.id; const requestBody = req.body; GooseModel.updateOne({ _id: idParams }, { ...requestBody }, (err, docs) => { res.json(docs); }); }, remove(req, res) { const idParams = req.params.id; gooseModel .findOne({ _id: idParams }) .remove((err, docs) => res.json(idParams)); }, }; module.exports = gooseController;
在express中有这么一句话一切皆为中间件
,我们在设置路由的时候,需要在app.js
中注册之后才能使用
//app.js var api = require("./routes/api"); app.use("/api",api)
配置routes
文件夹下的api.js
文件
const express = require("express"); const router = express.Router(); const gooseController = require("../controller/gooseController"); const userContoller = require("../controller/userController"); router.get('/user',userContoller.all); router.get('/user/:id',userContoller.byId); router.post('/user', userContoller.create); router.put('/user/:id', userContoller.update); router.delete('/user/:id', userContoller.remove); router.get('/goose', gooseController.all); router.get('/goose/:id', gooseController.byId); router.post('/goose', gooseController.create); router.put('/goose/:id', gooseController.update); router.delete('/goose/:id', gooseController.remove); module.exports = router
我们完成上面的步骤之后,我们需要自测试一下接口和逻辑是否正确
localhost:3000/api/user
get
localhost:3000/api/user
post
localhost:3000/api/user/:id
delete
localhost:3000/api/goose
post
localhost:3000/api/goose
get
本文结束,有什么问题和有错误的地方,欢迎大家的留言和评论,还有后续更新,下期更加精彩 ???
[1]
express: https://www.expressjs.com.cn/
[2]
ejs: https://ejs.bootcss.com/
[3]
跨域: http://www.ruanyifeng.com/blog/2016/04/cors.html
[4]
cors: https://www.npmjs.com/package/cors
本文分享自微信公众号 - 小丑的小屋(clownjack2020),作者:萌新小丑
原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。
原始发表时间:2020-08-01
本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。
我来说两句