web后台接口开发（Express + mongodb）
2019-03-08 本文已影响0人
陈裔松的技术博客
1，Express开发web接口
- 概念：基于nodejs，快速，开放，极简的web开发框架
- 安装：
yarn add express - 官网：Express
- 目录：在项目中新建server/server.js文件
使用nodemon实时更新server
- 安装：
npm install -g nodemon（如果报错，就以管理员身份安装） - 运行：
nodemon server.js
使用josn view插件查看json数据
使用CMD5进行密码加密
- 官网：www.cmd5.com
- 安装：
yarn add utility
const utils = require('utility');
User.create({ user, pwd: utils.md5(pwd), type }, function (e, d) {});
使用app.get开发get接口
使用app.post开发post接口
- 安装body-parser插件：
yarn add body-parser
const express = require('express');
const bodyParser = require('body-parser');
const cookieParser = require('cookie-parser');
const userRouter = require('./user');
const app = express(); // 新建APP
app.use(bodyParser.json()); // 注意这个use要放在最前面，否则以下是取不到请求体的
app.use(cookieParser());
app.use('/user', userRouter); // 使用userRouter模块
app.listen(9093, function () {
console.log('Node app start at port 9093');
});
使用app.use开发模块
使用res.send响应
使用res.json响应
使用res.sendfile响应
2，mongodb存储数据
- 概念：非关系型云数据库
- 安装：官网 => Try Free => 下载mongodb（包选择MSI） => 一直下一步即可
- 启动：
C:\ProgramFiles\MongoDB\Server\4.0\bin\mongo.exe（双击）
3，mongoose操作数据库
- 概念：Express和mongodb之间的桥梁
- 安装：
yarn add mongoose --save - 特点：通过nodejs的mongoose操作mongodb，存储的就是json。相对于mysql来说，要容易很多
连接数据库
// 连接mongo的recruit集合，如果没有会自动创建
const DB_URL = 'mongodb://localhost:27017/recruit';
mongoose.connect(DB_URL); // 连接数据库
mongoose.connection.on('connected', function () {
console.log('mongo connect successed'); // 如果连接成功，输出mongo connect successed
});
定义文档模型
// 可以理解为创建一张表，表的名字叫user，里面有name和age数据
// 类似于mysql的表，mongo里有文档，字段的概念
const User = mongoose.model('user', new mongoose.Schema({
name: { type: String, require: true },
age: { type: Number, require: true }
}))
增加数据(create)
// 增加User表中，一条数据{ name: 'xiaoming', age: 10 }
User.create({
name: 'xiaoming',
age: 10
}, function (err, doc) {
if (!err) {
console.log(doc);
} else {
console.log(err);
}
})
删除数据(remove)
// 删除User文档中，所有age是18的数据
User.remove({ age: 18 }, function (err, doc) {
if (!err) {
console.log(doc);
} else {
console.log(err);
}
})
更新数据(update)
// 更新User文档中，xiaoming的age信息
User.update({ 'name': 'xiaoming' }, { '$set': { age: 26 } }, function (err, doc) {
if (!err) {
console.log(doc);
} else {
console.log(err);
}
})
查询数据(find，findOne)
// 查询User文档中，所有年龄为26的数据
User.find({ age: 26 }, function (err, doc) {
res.json(doc); // 查询结果是数组
});
// 查询User文档中，一条年龄为26的数据
User.findOne({ age: 26 }, function (err, doc) {
res.json(doc); // 查询结果是对象
});
4，前后端联调（使用axios发送异步请求）
- 使用proxy配置转发请求，以解决跨域问题
// 在package.json文件的最后，加上以下配置
"proxy":"http://localhost:9093"
- axios拦截器，统一loading处理
- redux里使用异步数据，渲染页面
5，基于cookie用户验证
- 基于cookie用户验证
express依赖cookie-parse，需要yarn add cookie-parser安装 - cookie类似于一张身份卡，登录后服务端返回，你带着cookie就可以访问受限资源
- cookie的管理浏览器会自动处理
