跟vue的组件很像

<% %>固定写法

<%= %>会转译

<%- %>不会转译

<% for (let i =0; i < user.length; i++) { %>

    循环

<% } %>

如果使用html当作默认引擎

module.exports = () =>{

    return (req,res,next) =>{

        if(***){

            return next()

        }

        *** 

        next()

    }

}

Express总结

• 安装

• 基本用法

• Requet对象

• Response对象

• 路由

• 中间件
  

错误处理中间件

• 什么是错误处理中间件

  专门处理错误的中间件

  有4个参数：err,req,res,next

   这4个参数必须存在，即使不用也不能省略，因为源码中是通过4个参数个数是不是4来判断这是什么中间件，是4的话就是错误处理中间件

  (err,req,res,next)=>{

• 如何将错误传递给错误处理中间件

  在出错的地方调用next(错误或错误信息)把错误传递给错误处理中间件

  next('route')会跳转到下一个路由，不会把错误传递给错误处理中间件

  
  

  
  

第三方中间件

• 在响应中设置cookie

  Set-Cookie

  res.set('Set-Cookie','username=simon;Max-Age=3');

  Max-Age=3 单位是s

• 使用第三方中间件cookie-parser处理请求中的cookie

  npm install cookie-parser

  会将请求中的cookie处理后放入req.cookies中

Express内置中间件

• 处理请求体中application/x-www-form-urlencoded格式的数据

  express.urlencoded();

  extended必须传参数{extended：false}

  extended:false 表示内部使用querystring模块，推荐

  extended:true 表示内部使用qs模块

  qs模块可以解析更复杂的字符串，这里没必要使用

  qs: https://www.npmjs.com/package/qs

• 处理请求体中application/json格式的数据

  express.json();
  

• 提供静态资源

  通过/static 来访问静态资源

  app.use('/static',express.static(path.join(__dirname,'public')));

  const path=require('path');
  express.static(path)
  app.use(express.static(path.join(__dirname,'public')));
  

Router级中间件

• user中间件

  使用router.use()方法将中间件提供给Express调用

  use()方法的第一个参数默认是/,可以省略

  use()方法可以匹配所有的HTTP方法

  use()方法匹配的路径的规则为：从头包含匹配

  可以给同一个路径注册多个中间件函数

  可以在一个use()方法中注册多个中间件函数

• METHOD和all中间件

  使用router.METHOD()方法或router.all()方法将中间件提供给Express调用

  router.METHOD()具体指：router.get()、router.post()、router.put()、router.delete()等方法
  

  METHOD()或all()方法的第一个参数都要写出来，不能省略

  METHOD()方法可以匹配所有的HTTP方法，all()方法会匹配所有的HTTP方法

  METHOD()方法或all()匹配的路径的规则为：路径相等匹配

  可以给同一个路径注册多个中间件函数

  可以在一个METHOD()方法或all()方法中注册多个中间件函数

  可以通过next('route')跳到下一个路由

  next('route')只会在METHOD()或all()方法中起作用

• Router级中间件的应用

  
  

App级中间件的应用

• 处理请求体中application/x-www-form-urlencoded格式的数据

• 处理请求体中application/json格式的数据

  
  

App级中间件

• use中间件

  使用app.use()方法将中间件提供给Express调用

  use()方法的第一个参数默认就是'/'，可以省略

  use()方法可以匹配所有的http中的方法(get/post/delete/put……)

  use()方法匹配路径的规则为：从头包含匹配

  可以给同一个路径注册多个中间件函数

  可以在一个use()方法中注册多个中间件函数

• METHOD和all中间件

  使用app.METHOD()或app.all()方法将中间件直接提供给Express调用

  app.METHOD()具体指：app.get()、app.post()、app.put()、app.delete()等

  METHOD()或all()方法第一个参数都要写出来，不能省略

  METHOD()方法会匹配对应的HTTP方法，all()方法会匹配所有的HTTP方法

  METHOD()或all()方法匹配路径的规则为：路径相等匹配

  可以给同一个路径注册多个中间件函数

  可以在一个METHOD()或all()方法中注册多个中间件函数

  可以通过next('route')跳转下一个路由

  next('route')只会在METHOD()或all()中起作用

  
  

  
  

认识中间件

• 中间件的地位

  Express是一个路由和中间件的Web框架

  Express应用本质就是一系列中间件函数的调用

• 什么是中间件

  函数

  Express调用的函数

  函数调用时会被Express传入3个参数：req、res、next

• 中间件有什么用

  将一个请求的处理过程，分解到多个中间件中，每个中间件专门干一件事

  使代码逻辑清晰，便于维护

• 中间件可以做什么

  可以执行任何代码

  更改req和res对象

  结束请求-响应周期

  调用stack栈中的下一个中间件

• 中间件函数的调用机制

  匹配上的中间件会按顺序执行

  一次执行一个中间件，如果要执行下一个匹配上的中间件，调用next()

  如果当前中间件没有结束请求-响应周期，必须调用next()

• 中间件的分类

  App级中间件

  Router级中间件

  Express内置中间件

  第三方中间件

  错误处理中间件
  

  
  

路由

• 什么是路由

  路由指的是：客户端使用特定的HTTP方法(GET、POST、PUT、DELETE等)对特定路径(/、/login等)发送请求，应用程序要如何响应

• 基础路由

    app.get('/',(req,res)=>{
    res.send('Hi');
    });
    app.post('/user/login',function(req,res){
     res.send('登录成功');
     });
    app.put('/dynamic',(req,res)=>{
     res.send('动态更新成功');
     });
    app.delete('/dynamic',(req,res)=>{
      res.send('动态删除成功');
      })
    app.get('/dynamic',(req,res)=>{
      res.send('动态获取成功');
      });

• 使用Router管理路由

const userRouter=express.Router();
const dynamicRouter=express.Router();
const commentRouter=express.Router();

userRouter.post('/user/register',(req,res)=>{
     res.send('注册成功 userRouter');
 });
 userRouter.post('/user/login',(req,res)=>{
     res.send('登录成功 userRouter');
 });
 app.use(userRouter);
 
 userRouter.post('/register',(req,res)=>{
     res.send('注册成功 userRouter');
 });
 userRouter.post('/login',(req,res)=>{
     res.send('登录成功 userRouter');
 });
 
const userRouter=require('./router/user');
app.use('/user',userRouter);

响应动态页面

1.安装ejs模板引擎 npm install ejs

2.在Express中使用ejs模板引擎

 2.1.设置模板所在的目录，默认是views

app.set('views',path.join(__dirname,'view'));

 2.2.设置默认的模板后缀名，省略不写的时候有用

app.set('view engine','ejs');
app.set('view engine','html');

2.3.设置指定后缀名的文件使用什么模板引擎

app.engine('html',require('ejs').__express);

2.4.使用res.render()渲染模板

res.render('user',{
        id,
        title:'用户 ${id} 的首页',
        html:'<h1>我是HTML字符串</h1>',
        user:[
            {
                username:'simon',
                gender:'male'
            },
            {
                username:'wanisha',
                gender:'female'
            }
        ]
    });

Response对象

• Response对象的属性

  console.log(res.app===app,req.res===res);

• Response对象的方法

  res.redirect('/login')

  res.sendStatus(404);

  res.status(404).send("没有找到该页面");

  res.set('Content-type','text/plain;charset=utf-8');

  res.sendFile(path.join(__dirname,'public','index.html'));

  res.send("Hi Express");