node中间件-express框架

文章目录

    • 前置 Express安装
    • 1. 基本使用
    • 2. 中间件
      • 2.1 中间件应用
    • 3. 中间件的注册方式
      • 3.1 普通中间件的注册
      • 3.2 path匹配中间件
      • 3.3 method与路径匹配
      • 3.4 案列中间件匹配与执行方法
    • 4. 中间件request数据解析
      • 4.1 解析request body中间件
      • 4.2 urlencoded解析
    • 5. 第三方中间件
      • 5.1 morgan 日志记录
      • 5.2 multer 文件上传
    • 6. 参数解析 params和query
    • 7. 响应数据
    • 8. 路由
    • 9. 静态资源
    • 10 错误处理

前置 Express安装

  • 方式一 : express提供的脚手架，直接创建一个应用的骨架
  1. 安装脚手架npm install -g express-generator
  2. 创建项目 express express-demo
  3. 安装依赖npm install
  4. 启动项目 node bin/www
  • 方式二 : 从零搭建自己的express应用结构；
  1. 初始化项目 npm init
  2. 安装express npm i express

1. 基本使用

  1. 导入–>创建–>监听
  2. 使用参考文档

const express = require('express');
//  * 创建express服务器
const app=express()
//  * 启动服务器 ，监听端口app.listen(8000,()=>{console.log('启动express 服务器')
})// 请求
app.post('/login',(req,res)=>{res.end('登录成功')
})app.get('/home',(req,res)=>{res.end('home 列表模块')
})

2. 中间件

  • 中间件的本质是传递给express的一个回调函数；
  • 这个回调函数接受三个参数：
    • 请求对象（request对象）；
    • 响应对象（response对象）；
    • next函数（在express中定义的用于执行下一个中间件的函数）；
      重要 ：中间件的执行过程，只会执行第一次匹配的中间件，关于后面是否执行看next
app.post('/login', (req, res, next) => {// 中间件中的req与res可以进行修改res.aaa = '添加aaa并修改res'// 2. JSON结束// res.json({message:'登录成功',code:200})// res.end('登录成功')// 3. next 匹配执行下一个中间件next()
})
  • 注意点： 如果当前中间件功能没有结束请求-响应周期，则必须调用next()这将控制权传递给下一个中间件功能，否则，请求将被挂起
    在这里插入图片描述

const express = require('express');
//  * 创建express服务器
const app = express()
//  * 启动服务器 ，监听端口app.listen(8000, () => {console.log('启动express 服务器')
})// 请求
app.post('/login', (req, res, next) => {// 中间件中的req与res可以进行修改res.aaa = '添加aaa并修改res'// 2. JSON结束// res.json({message:'登录成功',code:200})// res.end('登录成功')// 3. next 匹配执行下一个中间件next()
})app.use((req,res,next)=>{console.log('执行下一个中间件next');
})app.get('/home', (req, res) => {res.end('home 列表模块')
})

2.1 中间件应用

  • express主要提供了两种方式：
    • app/router.use；
    • app/router.methods；

app.use

app.use((req,res,next)=>{console.log('执行下一个中间件next');
})

app.methods


app.get('/home', (req, res) => {res.end('home 列表模块')
})

3. 中间件的注册方式

3.1 普通中间件的注册

  • use注册的中间件不管什么路径或者请求都可以匹配的上
  • 同时在匹配的过程中如何不 next(), 只会执行第一个中间件
// 1. use注册的中间件不管什么路径或者请求都可以匹配的上
// 2. 同时在匹配的过程中如何不 next(), 只会执行第一个中间件
app.use((req,res,next)=>{console.log('执行下一个中间件next');next()
})app.use(()=>{console.log('执行第二个中间件')
})

3.2 path匹配中间件

-路径匹配中间件只是对路径做限制并没有对请求方式做显示

// 这里的路径匹配中间件只是对路径做限制并没有请求方式做显示
// 不管method如何都可以匹配 
app.use('/home',(req,res,next)=>{console.log('路径匹配中间件')
})

3.3 method与路径匹配

  • 语法： app.method(path,middleware)
  • 匹配中间件只会匹配第一个符合要求的中间件 ， 关于下一个中间件是否执行看有没有调用next
// app.method(path,middleware)
app.get('/home',(req,res,next)=>{console.log('路径以及方法匹配');res.end('匹配成功')
})// 注册多个中间件
app.get('/home', (req, res, next) => {console.log('路径以及方法匹配');res.end('匹配成功')// 中间的匹配只会匹配第一个符合要求的中间件 ， 关于下一个中间件是否执行看有没有调用next
}, (req, res, next)=>{console.log('关于这个中间件的执行需要看上一个中间件是否有next');
})

3.4 案列中间件匹配与执行方法

  • 普通直接写法
app.post('/login', (req, res, next) => {req.on('data', data => {let userInfo = data.toString()const user = JSON.parse(userInfo)if (user.username === 'admin' && user.password===123456) {res.end('登录成功')}else{res.end('账号或者密码错误')}})})//  注册信息
app.post('/register', (req, res, next) => {// res.end('注册成功')// 注册要查询数据库，看是否存在用户名if (true) {req.on('data', data => {let userInfo = data.toString()const user = JSON.parse(userInfo)if (user.username === 'admin' && user.password === 123456) {res.end('注册成功')} else {res.end('账号或者密码错误')}})}})
  • ** 优化 JSON解析，放到body后next()**
// 1. JSON解析，放到body
app.use((req, res, next) => {if (req.headers['content-type'] === 'application/json') {req.on('data', data => {const jsonInfo = JSON.parse(data.toString())req.body = jsonInfo})req.on('end', () => {next()})}
})// 账号密码
app.post('/login', (req, res, next) => {console.log(req.body);res.end('登录成功')
})
//  注册信息
app.post('/register', (req, res, next) => {console.log(req.body);
})

4. 中间件request数据解析

  • express有内置一些帮助我们完成对request解析的中间件；

4.1 解析request body中间件

app.use((req, res, next) => {if (req.headers['content-type'] === 'application/json') {req.on('data', data => {const jsonInfo = JSON.parse(data.toString())req.body = jsonInfo})req.on('end', () => {next()})}next()
})
// 账号密码
app.post('/login', (req, res, next) => {console.log(req.body);res.end('登录成功')
})
  • 上面代码中利用JSON.parse对data数据进行解析 ，但是 express中提供了 json可以直接进行解析
app.use(express.json())
// 账号密码
app.post('/login', (req, res, next) => {console.log(req.body);res.end('登录成功')
})

4.2 urlencoded解析

  • 解析客户端利用urlencoded传参 ， 这时就需要用 express.urlencoded()
    在这里插入图片描述
app.use(express.urlencoded())  // 解析客户端利用urlencoded传参
// 解决 body - parser deprecated undefined extended: provide extended option 05urlencoded警告
app.use(express.urlencoded({ extended: true }))
app.post('/login', (req, res, next) => {console.log(req.body);res.end('登录成功')
})

5. 第三方中间件

5.1 morgan 日志记录

const express = require('express');
const morgan = require('morgan');
const fs = require('fs');
const app = express()
// cnpm i morgan  安装
// 第三方中间件 合并日志
const writerLog=fs.createWriteStream('./log.txt')
// 日志写入
app.use(morgan('combined', { stream: writerLog }))
app.post('/login', (req, res, next) => {console.log(req.body);res.end('登录成功')
})

5.2 multer 文件上传

  1. 安装 npm i multer --save
  2. Multer 只处理任何 multipart/form-data 类型的表单数据。
  3. Multer 会在express 的 request 对象里添加一个 body 对象 （包含表单的文本域信息）以及 file 或 files 对象 （单文件通过req.file获取，多文件通过req.files获取，file 或 files 对象包含对象表单上传的文件信息）。
  4. 注意点 upload.single的值，对应前端name中的值，同时也要保住 form-data 中key的值相同。
const multer = require('multer');
// 对上传的文件名字重起
const upload = multer({storage: multer.diskStorage({//  文件名称， // destination 是用来确定上传的文件应该存储在哪个文件夹中// destination 是一个函数，必须创建这个文件夹destination(require, file, callback) {callback(null, 'uploads/')},filename(require, file, callback) {// originalname是文件上传时的名字，可以根据它获取后缀callback(null, Date.now() + '_' + file.originalname)}})
})
app.post('/upload', upload.single("file"), (req, res, next) => {console.log(req.file);  // 文件信息res.end('文件上传成功')
})
  • 多文件上传 ，接受的是一个数组
  • 同时在 multer实例.array(fielname[,maxCount])——接收一个以fielname命名的文件数组;maxCount——限制上传的最大数量，这些文件的信息保存在req.files里面
app.post('/upload', upload.array("file"), (req, res, next) => {console.log(req.files);  // 文件信息res.end('文件上传成功')
})

参考解析

  • storage存储引擎以及错误处理
  • 前后端上传案例

解析form-data中的普通数据

const formData=  multer()
app.post('/login',formData.any(), (req, res, next) => {console.log(req.body);  res.end('登录成功')
})

6. 参数解析 params和query

  • query 主要用于分页
app.post('/list', (req, res, next) => {// http://localhost:8000/list?offset=10&page=20解析console.log(req.query);   // { offset: '10', page: '20' }res.end('登录成功')
})
  • params 主要用于id的传递
app.post('/user/:id', (req, res, next) => {// http://localhost:8000/user/1100const id = req.params.idres.end(`获取用户${id}`)
})

7. 响应数据

  • end方式 ： 类似于http中的response.end方法，用法是一致的
  • json方法 ： json方法中可以传入很多的类型：object、array、string、boolean、number、null等，它们会被转换成json格式返回
  • status方法 ： 用于设置状态码；注意 是函数
  • 其他响应内容参考

app.get('/login', (req, res, next) => {// 1. 方法一 end// res.end(`响应数据---登录成功`)//  2. JSON数据响应// res.json({// 	code: 0, message: '欢迎回来', data: [{// 		name: "admin",// 		avator:'www.http.ccc.jpg'// 	}]// })//  3. status 方法,设置http状态码res.status(201)res.json({code: 0, message: '欢迎回来', data: [{name: "admin",avator: 'www.http.ccc.jpg'}]})
})

8. 路由

  • express.Router来创建一个路由处理程序

useRouter.js

const express = require('express');
const userRouter = express.Router()
userRouter.get('/', (req, res, next) => {res.json({code: 0, message: 'success', data: [{name: "admin",password:'123456'}, {name: "admin",password: '123456'}]})
})
userRouter.get('/:id',(req, res, next) => {const id=req.params.idres.end(id)
})
userRouter.post('/', (req, res, next) => {
})
userRouter.delete('/:id', (req, res, next) => {
})
userRouter.patch('/:id', (req, res, next) => {})module.exports=userRouter

index.js

const userRouter = require('./router/userRouters.js');
app.use('/users', userRouter)

参考文章 ：路由在项目中的具体使用

9. 静态资源

  1. express 内置static() 静态资源,直接将文件夹做一个静态资源
app.use(express.static('./uploads'))

10 错误处理

  • 普通的错误处理，需要利用前端的数据进行if判断处理
  • 但是每一个接口写一个判断或者返回的错误信息以及状态码相同，这就会造成代码的甬余
app.post('/login', (req, res, next) => {const { username, password } = req.bodyif (username !== 'admin' || password !== 123456) {res.json({code: 1002,message: '账号密码错误'})} else {console.log('xx')res.json({code: 200,message: '登录成功'})}
})
  • 简单封装统一处理
// 中间件处理错误信息
app.post('/login', (req, res, next) => {if (username !== 'admin' || password !== 123456) {next(1002)}else {next()}
})
app.use((errCode, req, res, next) => {const code = errCodelet message = ''switch (code) {case 1001:message = '未知的错误'breakcase 1002:message = '账号或密码错误'default:message = '登录成功'}res.json({code: errCode,message,})
})

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/6899.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

echarts图表如何自定义鼠标悬浮样式

echarts图表如何自定义鼠标悬浮样式

样式调整 // formatter: {a}: {b}<br />{c}: {d}: {e} formatter: function (params) {// <i style"display:inline-block;border-radius:50%;width:4px;height:4px;background-color: #0ECB81;"></i>// ${console.log(params[0])}return <d…
阅读更多...
android studio JNI开发

android studio JNI开发

一、JNI的作用&#xff1a; 1.使Java与本地其他类型语言&#xff08;C、C&#xff09;交互&#xff1b; 2.在Java代码调用C、C等语言的代码 或者 C、C调用Java代码。 由于JAVA具有跨平台的特点&#xff0c;所以JAVA与本地代码的交互能力弱&#xff0c;采用JNI特性可以增强JA…
阅读更多...
【收藏】用Vue.js来构建你的Web3应用，就像开发 Web2 一样熟悉

【收藏】用Vue.js来构建你的Web3应用，就像开发 Web2 一样熟悉

作为一名涉足去中心化网络的前端 JavaScript 开发人员&#xff0c;您可能遇到过许多 Web3 开发解决方案。但是&#xff0c;这些解决方案通常侧重于钱包集成和交易执行&#xff0c;这就造成了学习曲线&#xff0c;偏离了熟悉的 Web2 开发体验。 但不用担心&#xff01;有一种解…
阅读更多...
导读页——记忆之路

导读页——记忆之路

记忆方法千千种&#xff0c;本栏意在梳理其中道道来&#xff0c;旦有小得&#xff0c;肥肠幸耶。从不同角度分析学习记忆。 文章目录 按方法分按有无逻辑分有逻辑用思维导图 无逻辑用记忆宫殿理论模仿借鉴 按方法分 学习方法–找书&#xff0c;背书&#xff0c;利器 按有无逻…
阅读更多...
FastReport.Net FastReport.Core 2023.2.23 Crack

FastReport.Net FastReport.Core 2023.2.23 Crack

FastReport.Net & FastReport.Core 2023.2.23适用于 .NET 7、.NET Core、Blazor、ASP.NET、MVC 和 Windows 窗体的全功能报告库。它可用于 Microsoft Visual Studio 2022 和 JetBrains Rider。 利用数据呈现领域专家针对 .NET 7、.NET Core、Blazor、ASP.NET、MVC、Windo…
阅读更多...
Jenkins从配置到实战(二) - Jenkins如何在多台机器上自动化构建

Jenkins从配置到实战(二) - Jenkins如何在多台机器上自动化构建

前言 jenkins除了支持在本机上进行项目构建&#xff0c;还可以将构建任务分发到其他远程服务器上去执行&#xff0c;可以实现在不同平台和架构的机器上来完成项目的自动化构建任务&#xff0c;也能减轻jenkins服务器的压力。本文章就主要介绍下此流程。 准备工作 准备两台机…
阅读更多...
Redis—分布式系统

Redis—分布式系统

Redis—分布式系统 &#x1f50e;理解分布式&#x1f50e;分布式—应用服务与数据库服务分离引入更多的应用服务节点理解负载均衡 引入更多的数据库服务节点缓存分库分表 微服务 &#x1f50e;常见概念应用(Application) / 系统(System)模块(Module) / 组件(Component)分布式(D…
阅读更多...
2023年最全OCR技术指南！预训练OCR大模型呼之欲出

2023年最全OCR技术指南！预训练OCR大模型呼之欲出

OCR是一项科技革新&#xff0c;通过自动化大幅减少人工录入的过程&#xff0c;帮助用户从图像或扫描文档中提取文字&#xff0c;并将这些文字转换为计算机可读格式。这一功能在许多需要进一步处理数据的场景中&#xff0c;如身份验证、费用管理、自动报销、业务办理等都显得尤为…
阅读更多...
【Linux】多线程概念理论

【Linux】多线程概念理论

目录 1 什么是线程&#xff1f; 2 线程的优点 3 线程的缺点 4 线程异常 5 线程用途 6 Linux线程和进程对比 1 什么是线程&#xff1f; 在一个程序里的一个执行路线就叫做线程&#xff08;thread&#xff09;。更准确的定义是&#xff1a;线程是“一个进程内部的控制序列…
阅读更多...
【目标跟踪】1、基础知识

【目标跟踪】1、基础知识

文章目录 一、卡尔曼滤波二、匈牙利匹配 一、卡尔曼滤波 什么是卡尔曼滤波&#xff1f;——状态估计器 卡尔曼滤波用于在包含不确定信息的系统中做出预测&#xff0c;对系统下一步要做什么进行推测&#xff0c;且会结合推测值和观测值来得到修正后的最优值卡尔曼滤波就是利用…
阅读更多...
VS Code 设置大小写转换快捷键

VS Code 设置大小写转换快捷键

VS Code 设置大小写转换快捷键 前言&#xff1a;VS Code 没有默认的大小写转换快捷键&#xff0c;需要我们自己添加。 一 、打开快捷键设置面板 二、添加快捷键 在搜索框输入 “转换为大写”&#xff0c;如果您的VS Code没有汉化&#xff0c;此处输入“Transform to Uppercase…
阅读更多...
OSI七层模型和TCP/IP四层模型以及五层模型

OSI七层模型和TCP/IP四层模型以及五层模型

OSI七层模型&#xff08;Open System Interconnect&#xff09;即开放系统互连参考模型&#xff0c;是由ISO&#xff08;International Organization for Standardization&#xff09;国际标准化组织提出的&#xff0c;用于计算机或通信系统间互联的标准体系。 从上到下可分为…
阅读更多...
【目标跟踪】2、FairMOT | 平衡多目标跟踪中的目标检测和 Re-ID 任务 | IJCV2021

【目标跟踪】2、FairMOT | 平衡多目标跟踪中的目标检测和 Re-ID 任务 | IJCV2021

文章目录 一、背景二、方法2.1 Backbone2.2 检测分支2.3 Re-ID 分支2.4 训练 FairMOT2.5 Online Inference 三、效果3.1 数据集3.2 实现细节3.3 消融实验3.4 最终效果 论文&#xff1a;FairMOT: On the Fairness of Detection and Re-Identification in Multiple Object Tracki…
阅读更多...
Mybatis单元测试，不使用spring

Mybatis单元测试，不使用spring

平时开发过程中需要对mybatis的Mapper类做单元测试&#xff0c;主要是验证语法是否正确&#xff0c;尤其是一些复杂的动态sql&#xff0c;一般项目都集成了spring或springboot&#xff0c;当项比较大时&#xff0c;每次单元测试启动相当慢&#xff0c;可能需要好几分钟&#xf…
阅读更多...
[Linux] CentOS7 中 pip3 install 可能出现的 ssl 问题

[Linux] CentOS7 中 pip3 install 可能出现的 ssl 问题

由于解决问题之后, 才写的博客, 所以没有图片记录. 尽量描述清楚一些 今天写代码的时候, 突然发现 文件里用了#define定义宏之后, coc.nvim的coc-clangd补全就用不了 :checkhealth了一下, 发现nvim忘记支持python3了 尝试pip3 install neovim的时候, 发现会警告然后安装失败.…
阅读更多...
linux服务器部署

linux服务器部署

文章目录 一、基本工具安装1.使用vi命令编辑文件 二、安装1.jdk2.读入数据 总结 一、基本工具安装 1.使用vi命令编辑文件 注:如果vi命令没有&#xff0c;可以使用yum -y install vim或者apt-get install vim命令安装。 Linux操作系统第二讲 二、安装 1.jdk 参考 卸载jdk…
阅读更多...
Mybatis-Plus插入数据返回主键两种方式(注解或XML)

Mybatis-Plus插入数据返回主键两种方式(注解或XML)

废话不多说&#xff0c;直接撸代码: <?xml version"1.0" encoding"UTF-8"?> <!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd"> <mapper namespace&qu…
阅读更多...
递归排序算法快速排序的实现过程

递归排序算法快速排序的实现过程

快速排序(Insertion Sort)也是一种递归排序算法。 快速排序原理&#xff1a;先以列表中的任意一个数为基准(一般选头或尾)&#xff0c;将列表分为左、右两个子列表。 左子列表的数要比基准数小&#xff0c;右子列表的数要比基准数大。然后继续把左子列表和右子列表按同样的方…
阅读更多...
(2)前端控制器的扩展配置, 视图解析器类型以及MVC执行流程的概述

(2)前端控制器的扩展配置, 视图解析器类型以及MVC执行流程的概述

SpringMVC入门程序的扩展说明 注册前端控制器的细节 在web.xml文件注册SpringMVC的前端控制器DispatcherServlet时使用url-pattern标签中使用/和/*的区别 /可以匹配.html或.js或.css等方式的请求路径,但不匹配*.jsp的请求路径/*可以匹配所有请求(包括.jsp请求), 例如在过滤器…
阅读更多...
IDEA导入微服务项目后自动将微服务展示在service面板中

IDEA导入微服务项目后自动将微服务展示在service面板中

有时候&#xff0c;不会自动将微服务展示在service面板中。 添加service面板&#xff1a; service面板&#xff1a; 更新所有maven&#xff0c;就可以自动将微服务展示在service面板中。
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023