web后台接口开发（Express + mongodb）

1，Express开发web接口

概念：基于nodejs，快速，开放，极简的web开发框架
安装：yarn add express
官网：Express
目录：在项目中新建server/server.js文件

使用nodemon实时更新server

安装：npm install -g nodemon（如果报错，就以管理员身份安装）
运行：nodemon server.js

使用josn view插件查看json数据

chrome jsonView插件安装

使用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的管理浏览器会自动处理

X，Express和mongoose结合

mongodb独立工具函数

express使用body-parser支持post参数

使用cookie-parse存储登录信息cookie

最后编辑于：2019.03.14 22:59:06