Express 框架的使用（详细）

文章目录

• Express 框架
• • 1.1 Express框架是什么
  • 1.2 Express 框架特性
  • 1.3 原生 node.js 与 Express 框架对比
  • 1.4 基本使用（入门代码）
  • 2. 中间件
  • • 2.1 什么是中间件
    • 2.2 中间件的基本使用
    • 2.3 app.use 中间件用法
    • 2.4 中间件应用
    • 2.5 错误处理中间件
    • 2.6 捕获错误
  • 3. express 请求处理
  • • 3.1 构建模块化路由
    • 3.2 GET参数的获取
    • 3.3 POST参数的请求
    • 3.4 app.use（）方法的进一步理解

Express 框架

1.1 Express框架是什么

Express 是一个基于 Node平台的Web应用开发框架，它提供了一系列的强大特性，帮助你创建各种Web应用。

• 下载

  npm install express

1.2 Express 框架特性

• 提供了简洁的路由定义方式
• 对获取 http 请求参数进行了简化处理
• 对模板引擎支持程度高，方便渲染动态HTML页面
• 拥有中间件机制有效控制 HTTP 请求
• 拥有大量第三方中间件对功能进行扩展

1.3 原生 node.js 与 Express 框架对比

1.4 基本使用（入门代码）

// 引入 express 框架
const express = require('express')
// 创建网站服务器
const app = express();

app.get('/', (req, res) => {
    // send()
    // 1. send 方法内部会检测响应内容的类型
    // 2. send 方法会自动设置 http 状态码
    // 3. send 方法还会帮我们自动设置响应的内容类型以及编码
    res.send('Hello Express');
})

app.get('/list', (req, res)=> {
    // 向客户端直接响应一个对象 
    res.send({name: 'zhangsan', age: 20});
})

// 监听端口
app.listen(3000);
console.log('网站服务器启动成功');

2. 中间件

2.1 什么是中间件

2.2 中间件的基本使用

// 引入 express 框架
const express = require('express')

// 创建网站服务器
const app = express();

app.get('/request', (req, res, next) => {
    req.name = 'zhangsan';
    next(); // 向下执行
})

app.get('/request', (req, res)=> {
    res.send(req.name);
})

// 监听端口
app.listen(3000);
console.log('网站服务器启动成功');

2.3 app.use 中间件用法

app.use 匹配所有的请求方式，可以