Express

可以方便、快速创建Web网站的服务器(提供web网页资源)或API接口服务器(提供API接口)

javascript 复制代码
app.get('请求URL',function(req,res)=>{

})
//req:请求对象(包括请求属性和方法)
//res:响应对象(包括响应属性和方法)

其中res.send()既可以响应JSON对象,又可以响应文本

req.query对象可以获取URL携带参数

获取动态参数

通过req.params对象,可访问带=到URL中,通过:匹配到的动态参数

javascript 复制代码
//:后即为动态参数
app.get('/user/:id',(req,res)=>{//id可以有多个

console.log(req.params)
})

静态资源处理

express.static()创建一个静态资源服务器;例如对外开放一个文件夹(但该文件名不会出现在URL中)

javascript 复制代码
app.use(express.static())

app.use()用于注册全局中间件

路由

客户端请求与服务器处理函数之间的映射关系

由三部分组成,请求的类型、请求的额URL地址、处理函数

请求到达服务器后,经过路由匹配,成功后,调用对应处理函数

模块化路由

1.创建路由模块对应的JS文件

2.调用express.Router()函数创建路由对象

3.向路由对象挂载具体路由

4.使用module.exports向外共享路由对象

5.用app.use()函数注册路由模块

路由模块:

javascript 复制代码
const express = require('express')

const router = express.Router()

router.get('/user/list', (req, res) => {
  res.send('qwertyu')
})

module.exports = router

注册路由模块:

javascript 复制代码
const express = require('express')

const app = express()//服务器实例

const router = require('./router.js')

app.use(router)

app.listen(3000, () => {
  console.log('running')
})

效果:

中间件

客户端的请求可以通过多个中间件预处理,完成响应

本质上也为处理函数,但参数中必须包含next函数,而路由处理函数中没有

next函数的作用:

多个中间件连续调用的关键,把流转关系转交给下一中间件

分类

应用级别中间件:

通过app.use()或app.get()或app.post(),绑定到app实例上的中间件

路由级别中间件:

绑定在express.Router()实例上

错误级别中间件:

捕获整个项目异常错误,防止崩溃

必须放在所有路由之后

express内置中间件:

express.static 快速托管静态资源的内置中间件

express.json 解析JSON格式的请求体数据

app.use(express.json())

express.urlencoded 解析URL-encoded格式的请求体数据

app.use(express.urlencoded({extended:false}))

第三方中间件:

javascript 复制代码
const parser=require('body-parser')

app.use(parser.urlencoded({ extended: false }))

自定义中间件

手动模拟express.urlencoded这样的中间件,解析post提交到服务器的表单数据

相关推荐
百花~18 分钟前
前端三剑客之一 HTML~
前端·html
lang201509281 小时前
Spring远程调用与Web服务全解析
java·前端·spring
listhi5203 小时前
利用React Hooks简化状态管理
前端·javascript·react.js
一点一木3 小时前
🚀 2025 年 10 月 GitHub 十大热门项目排行榜 🔥
前端·人工智能·github
华仔啊3 小时前
这个Vue3旋转菜单组件让项目颜值提升200%!支持多种主题,拿来即用
前端·javascript·css
非凡ghost4 小时前
Adobe Lightroom安卓版(手机调色软件)绿色版
前端·windows·adobe·智能手机·软件需求
BestAns4 小时前
Postman 平替?这款轻量接口测试工具,本地运行 + 批量回归超实用!
前端
专注前端30年5 小时前
Webpack进阶玩法全解析(性能优化+高级配置)
前端·webpack·性能优化
烛阴5 小时前
Lua世界的基石:变量、作用域与七大数据类型
前端·lua
张拭心5 小时前
“不卷 AI、不碰币、下班不收消息”——Android 知名技术大牛 Jake Wharton 的求职价值观
android·前端·aigc