Node.js教程笔记(三)express

学习目标

能够使用express.static()快速托管静态资源

能够使用express路由精简项目结构

能够使用常见的express中间件

能够使用express创建API接口

能够在express中启用cors跨域资源共享


目录

初识Express

Express路由

Express中间件

使用Express写接口


1、初识Express

1.1 Express简介

1、什么是Express

在这里插入图片描述

2、进一步理解Express

在这里插入图片描述

Express能做什么

在这里插入图片描述

1.2、Express的基本使用

1、安装express

在这里插入图片描述

2、创建基本的Web服务器

在这里插入图片描述

3、监听GET请求

在这里插入图片描述

4、监听POST请求

在这里插入图片描述

5、把内容相应给客户端

在这里插入图片描述

6、获取URL中携带的查询参数

在这里插入图片描述

7、获取URL中的动态参数

在这里插入图片描述

1.3 托管静态资源

1、express.static()

在这里插入图片描述

2托管多个静态资源目录

在这里插入图片描述

3、挂载路径前缀

在这里插入图片描述

1.4、nodemon

1、为什么要使用nodemon

在这里插入图片描述

2、安装nodemon

在这里插入图片描述

3、使用nodemon

在这里插入图片描述

2、路由的学习

2.1、路由的概念

1、什么是路由

在这里插入图片描述

2、现实生活中的路由

在这里插入图片描述

3、Express中的路由

在这里插入图片描述

4、express中的路由例子

在这里插入图片描述

5、路由的匹配过程

在这里插入图片描述

2.2、路由的使用

1、最简单的用法

在这里插入图片描述

2、模块化路由

在这里插入图片描述

3、创建路由模块

在这里插入图片描述

4、注册路由模块

在这里插入图片描述

5、为路由添加前缀

在这里插入图片描述

3、express中间件

3.1 中间件的概念

1、什么是中间件

在这里插入图片描述

2、现实生活中的例子

在这里插入图片描述

3、express中间件的调用流程

在这里插入图片描述

4、Express中间件的格式

在这里插入图片描述

5、next函数的作用

在这里插入图片描述

3.2、express中间件的初体验

1、定义中间件函数

在这里插入图片描述

2.全局生效的中间件

在这里插入图片描述

3、定义全局中间件的简化形式

在这里插入图片描述

4、中间件的作用

在这里插入图片描述

5、定义多个全局中间件

在这里插入图片描述

6、局部生效的中间件

在这里插入图片描述

7、定义多个局部中间件

在这里插入图片描述

8、了解中间件的5个使用注意事项

在这里插入图片描述

3.3、中间件的分类

在这里插入图片描述

1、应用级别的中间件

在这里插入图片描述

2、路由级别的中间件

在这里插入图片描述

3、错误级别的中间件

在这里插入图片描述

4、Express内置的中间件

在这里插入图片描述

5、第三方的中间件

在这里插入图片描述

3.4、自定义中间件

1、需求描述与实现步骤

在这里插入图片描述

2、定义中间件

在这里插入图片描述

3、监听req的data事件

在这里插入图片描述

4、监听req的end事件

在这里插入图片描述

5、使用querystring模块解析请求体数据

在这里插入图片描述

6、将解析出来的数据对象挂载为req.body

在这里插入图片描述

7、将自定义中间件封装为模块

在这里插入图片描述

4、使用Express写接口

4.1 创建基本的服务器

在这里插入图片描述

4.2、创建API路由模块

在这里插入图片描述

4.3、编写get接口

在这里插入图片描述

4.4、编写post接口

在这里插入图片描述

4.5、CORS跨域资源共享

1、接口的跨域问题

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

2、使用cors中间件解决跨域问题

在这里插入图片描述

3、什么是CORS

在这里插入图片描述

4、CORS的注意事项

在这里插入图片描述

5、CORS响应头部 - Access-Control-Allow-Origin

在这里插入图片描述
在这里插入图片描述

6、CORS响应头部 - Access-Control-Allow-Headers

在这里插入图片描述

7、CORS响应头部 - Access-Control-Allow-Methods

在这里插入图片描述

8、CORS请求的分类

在这里插入图片描述

9、简单请求

在这里插入图片描述

10、预检请求

在这里插入图片描述

11、简单请求和预检请求的区别

在这里插入图片描述

4.6、JSONP接口

1、回顾JSONP的概念与特点

在这里插入图片描述

2、创建JSONP接口的注意事项

在这里插入图片描述

3、实现JSONP接口的步骤

在这里插入图片描述

4、实现JSONP接口的具体代码

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值