Express框架概述

Express框架

• 1 初始Express
• • 1.1 Express介绍
  • 1.2 安装Express
  • 1.3 利用Express搭建Web服务器
• 2 Express中间件
• • 2.1 什么是中间件
  • 2.2 app.get()中间件
  • 2.3 app.post()中间件
  • 2.4 app.use()中间件
  • 2.5 利用express.static()中间件处理静态资源
  • 2.6 利用中间件处理错误
• 3 Express模块化路由
• 4 Express接收请求参数
• • 4.1 接受GET请求
  • 4.2 接收POST请求参数
  • 4.3 接收路由参数
• 5 Webstorm中创建Express项目
• 6 nodemon模块

1 初始Express

1.1 Express介绍

Express是目前流行的基于Node.js运行环境的Web应用程序开发框架，它简洁且灵活，为Web应用程序提供了强大的功能。Express提供了一个轻量级模块，类似于jQuery（封装的工具库），它把Node.js的HTTP模块的功能封装在一个简单易用的接口中，用于扩展HTTP模块的功能，能够轻松地处理服务器的路由、响应、Cookie和HTTP请求的状态。

Express的优势：
（1）简洁的路由定义方式。
（2）简化HTTP请求参数的处理。
（3）提供中间件机制控制HTTP请求。
（4）拥有大量第三方中间件。
（5）支持多种模版引擎。

1.2 安装Express

这里使用npm包管理工具安装Express。

新建一个空文件夹demo，用来放置创建的Express框架，然后在该文件夹的路径下面输入cmd，打开命令提示符窗口。

打开的窗口自动进入该路径下了。

然后执行以下命令：

// 项目初始化
npm init -y
// 安装
npm install express --save
1
2
3
4

查看Express的版本：

npm list express
1

1.3 利用Express搭建Web服务器

利用Express搭建Web服务器的基本步骤：

1. 引入express模块；
2. 调用express()方法创建服务器对象；
3. 定义路由；
4. 调用listen()方法监听端口。

app.get()方法的示例代码：

app.get('/', (req, res) => {
  console.log(req, res);
});
1
2
3

示例：利用Express搭建Web服务器（使用vscode）
第一步：在demo目录下创建文件夹src，在src下创建server.js文件：

第二步：编写server.js，代码如下

// 引入express模块
const express = require("express");
// 创建Web服务器对象
const app = express();
// 定义GET路由，接收/处理客户端的GET请求
app.get("/", (req, res) => {
    // 对客户端做出响应，send()方法会根据内容的类型自动设置请求头
    res.end("hello express");
})
// 监听3000端口
app.listen(3000);
1
2
3
4
5
6
7
8
9
10
11

第三步：启动服务器。打开vscode最上方的Terminal命令，选择New Ternimal，打开终端，这时终端显示如下：

运行server.js文件需要再进入到src目录下面，因此在终端输入：cd src，在src目录下执行以下命令，这时服务器就成功启动了。

node server.js
1

第四步：访问测试。在浏览器中输入地址：localhost:3000，访问结果如下：

2 Express中间件

2.1 什么是中间件

Express通过中间件接收客户端发来的请求，并对请求做出响应，也可以将请求交给下一个中间件继续处理。

Express中间件指业务流程中的中间处理环节，可以把中间件理解为客户端请求的一系列方法。如果把请求比作水流，那么中间件就是阀门，阀门可以控制水流是否继续向下流动，也可以在当前阀门处对水流进行排污处理，处理完成后再继续向下流动。