Node搭配Express

本文介绍了Express.js的基本用法,包括创建服务器、设置GET和POST请求、使用app.use()实现模块化路由、获取GET和POST参数以及处理路由参数。通过示例代码展示了如何监听端口、响应数据、传递中间件以及解析请求参数,为Web应用开发打下基础。

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

一、创建服务器

const express = require("express")

const app = express();

app.listen(3000);
console.log("服务器启动,端口3000......");

二、app.get()服务端请求数据

get("/路由名",callback)

 app.get("/",(req,res)=>{
    res.send("hi")
})

next参数:get(路径,callback,next)

当有next参数时,路径在匹配到处理函数并处理后会继续向后匹配

 

app.get("/a",(req,res,next)=>{
    req.name = "Asia"
    next();
})

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

三、app.use()构建模块化路由

 

const express = require("express")

const app = express();

const home = express.Router();


app.use("/home",home);

home.get("/a",(req,res)=>{
    res.send("aaaa")
})

home.get("/b",(req,res)=>{
    res.send("bbbb")
})

app.listen(3000);
console.log("服务器启动,端口3000......");

四、get参数的获取 

请求路径:http://localhost:3000/index?name=Asia&age=13

const express = require("express")

const app = express();

app.get('/index',(req,res)=>{
    res.send(req.query);//{"name":"Asia","age":"13"}

})

app.listen(3000);
console.log("服务器启动,端口3000......");

五、post()参数的获取 

Express中接收post请求参数需要借助第三方包body-parser

js文件

const express = require("express");
const bodyParser = require('body-parser');

const app = express();

app.use(bodyParser.urlencoded({extended:false}));

app.post('/add',(req,res)=>{
    res.send(req.body)
})

app.listen(3000);
console.log("服务器启动,端口3000......");

 htmlpost请求文件

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <form action="http://localhost:3000/add"
        method="post">
            <input  type="text" name="Asia"/>
            <input  type="submit" name=""/>
        </form>
    </body>
</html>

浏览器请求路径:http://localhost:3000/add

 结果:{"Asia":"Asiaaaaa"}

六、路由参数

const express = require("express");

const app = express();

app.get('/find/:id',(req,res)=>{
    res.send(req.params)
})

app.listen(3000);
console.log("服务器启动,端口3000......");

 请求路径:http://localhost:3000/find/123

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值