当前位置:网站首页>express -- 学习笔记(慕课)

express -- 学习笔记(慕课)

2020-11-10 10:44:51 米姐胡扯扯

(自己复习用)
一、 创建脚手架
sudo npm i express-generator -g
mkdir express-cli
cd express-cli
express express-test
npm intsall
npm start

二、第二步(不知道什么标题了)

nodemon监听代码文件变动,随时重启
cross-env 不必担心平台设置或使用环境变量
npm i nodemon cross-env --save-dev

bin:编译的可执行文件
www 为了提供一个http的服务。

publick 、views 前端用。

// package.json
  "dev": "cross-env NODE_ENV=dev nodemon ./bin/www"

三、介绍express的入口文件

各个插件的作用。

var cookieParser = require('cookie-parser'); 解析cookie
var logger = require('morgan'); 记录日志用

app 本次http 请求的实例

var express = require('express');
var router = express.Router();

/* GET home page. */
router.get('/', function(req, res, next) {
  res.render('index', { title: 'Express' });
});

module.exports = router;

四、演示如何处理路由
新建路由文件user.js,

var express = require('express');
var router = express.Router();

/* GET users listing. */
router.post('/login', function (req, res, next) {
    const { username, password } = req.body;
    res.json({
        error: 0,
        data: {
            username,
            password
        }
    })
});
module.exports = router;

poatman 请求方式:
image.png

五、中间件机制
提问:

  1. 有很多app.use...
  2. 代码中next参
// 中间件,中间的函数。
// 执行了likeLogin,若有res返回,则不执行后面的函数
function likeLogin(req, res, next) {
    console.log("模拟登陆成功");
    res.json({
        error: 0,
        data: [1, 2, 3]
    });
}
app.use('/api', likeLogin, (req, res, next) => {
    console.log("/api  app.post");
    next();
})

六、express 总结:
如何处理日志,cookie,
如何处理路由,
如何使用中间件

七、搭建博客系统
image.png

版权声明
本文为[米姐胡扯扯]所创,转载请带上原文链接,感谢
https://segmentfault.com/a/1190000037781952