Nodejs+mongodb登录注册案例流程笔记

Nodejs+mongodb登录注册案例流程笔记

---

注：以下为逆向思维来编写项目

1. 建立两个子文件夹backend（后端）、frontend（前端）。
2. 在frontend中写入前端页面。
3. 在backend中使用express脚手架创建项目结构。
   1. 项目创建成功之后，生成四个文件夹，主文件（项目入口）app.js与配置信息文件package.json
   2. bin是项目的启动文件，配置以什么方式启动项目，默认 npm start
   3. public是项目的静态文件，放置js css img等文件
   4. routes是项目的路由信息文件,控制地址路由
   5. views是视图文件，放置模板文件ejs或jade等（其实就相当于html形式文件啦~)

$ express -e .

4. 安装package.json中的依赖包。

$ npm i

5. 接口即路由，先打造注册接口：

app.use('/resgister', resRouter);
var regRouter = require('./routes/reg.js');

6. 在routes文件夹下创建reg.js，将数据传入reg.ejs

// 注册接口
const express = require('express');

// 1.创建router模块
const router = express.Router();

// 2.创建接口
router.post('/', (req, res, next) => {
    // reg.render(模板，数据)
    res.render('reg', {
        data: JSON.stringify({
            status: 200,
            info: '注册成功了'
        })
    })
})

//导出模块
module.exports = router;

7. 创建reg.ejs文件，写入<%- data%>

8. 写前端register.html页面及js功能，发送ajax请求

9. Reg.js接收前端发来的数据（req.body）

10. 数据库操作，创建db文件夹，用于存放数据库
    

    1. 创建index.js，用于操作（CURD）数据库的模块，并导出
       1. 连接数据库 引入connect.js（下方会写）
       2. 骨架处理 引入统一管理骨架的Index.js（下方会写）
       3. 得到模型
       4. 数据库操作CURD（编写增删改查功能）
       5. 导出模块
    2. 创建connect.js，数据库连接模块
       mongoose.connect(url,()=>{})
    3. 创建schema文件夹（骨架）
       1. Index.js 统一管理模块骨架并导出至操作数据库的index,js
       2. UserSchema.js 得到一个Schema实例并导出至管理骨架index.js，设置“表头”

11. Reg.js导入数据库操作模块，添加功能

12. 优化代码，async

router.post('/', async(req, res, next) => {})

13. 前端接收到后端的响应，通过数据做响应的处理。