express

最新推荐文章于 2025-08-01 18:07:58 发布

原创最新推荐文章于 2025-08-01 18:07:58 发布 · 216 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#express #前端 #javascript

本文介绍了如何使用Express框架进行Web开发，包括安装模块、创建应用、定义GET和POST请求的路由，以及处理查询参数和请求体数据。还提到了Express的静态文件托管和模板引擎功能，如ejs，用于渲染动态HTML页面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

步骤：

1.安装express 模块：npm i express -S

2.导入express模块：const express = require("express")

3.创建应用：const app = express()

4.创建路由（接口）

（1）路由是一段Express代码，它将HTTP动画（GET，POST，PUT，DELETE等），URL路径/模式和处理函数三者关联起来。

（2）get方式

app.get("/",function(req,res){
    res.send('<h1>欢迎来到首页</h1>')
})

//创建的接口地址
http://127.0.0.1:8080

（2-1）get方式获取查询参数

app.get("/list",function(req,res){
    req.query; //返回前端请求的查询数据 对象解构
    res.send('<h1>欢迎来到list页</h1>')
})

http://127.0.0.1:8080/list?size=1&cur=2
query --> {"size":1,"cur":2}

（3）post方式

app.post(".addList",function(req,res){
    req.body //获取前端提交的数据  对象
    res.send('<h1>欢迎来到addList页面</h1>')
})

（3-1）json格式

application/json 通过 app.use(express.json()) 中间件把数据处理为json格式

（3-2）form编码格式

application/x-www-form-urlencoded

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

（4）put/patch.delete方式动态路由

app.put("/list/:id",function(req,res){
    req.params //获取前端发送的：id的值  对象
    res.send('put页面')
})


http://127.0.0.1:8080/list/10

req.params --> {"id":10}

5.监听端口开启服务

app.listen(8080,function(){
    console.log("http://127.0.0.1:8080  服务启动中...")
})

托管静态资源

1.可以使用 express.static 中间件来托管静态文件，包括图片，CSS以及javaScript文件（其实static（）是Express提供的原生中间件函数之一）。

2.app.use(express.static("./public"))

所有在public目录下的文件都可以向外公开访问

http://127.0.0.1:8080/static/abc/1.jpg

3.虚拟路径

app.use("/static/abc",exoress.static("./public"))

http://127.0.0.1:8080/static/abc/1.jpg

模板引擎

【模板引擎】就是让表现层（html文档）和业务数据分离，通过特定的语法，来动态地用数据渲染出html文档。

后台模板分类：1.ejs是一个第三方的包。2.jade

ejs使用

1.安装ejs ： npm i ejs -S

2.使用：js模块，ejs模块

3.ejs语法：

<%= 输出数据到模板（输出时转义html标签）

%> 一般结束标签

<% 脚本标签，用于流程控制，无输出

<%# 注释标签，不执行，不输出内容