Express使用


Express的基本使用

1、安装

在项目所处的目录中,运行如下的终端命令,即可将express安装到项目中使用:

npm i express@4.17.1

2、创建基本的Web服务器

//1、导入express
const express = require('express')
//2、创建Web服务器
const app = express()
//3、调用app.listen(端口号,启动成功后的回调函数),启动服务器
app.listen(80,() => {
    console.log('express server running at http://127.0.0.1');
})

3、监听GET请求

通过app.get()方法,可以监听客户端的GET请求,具体语法如下:

参数1:客户端请求的url地址
参数2:请求对应的处理函数
       req:请求对象(包含了与请求相关的属性和方法)
       res:响应对象(包含了与响应相关的属性和方法)
app.get('请求Url',function(req,res){})

4、监听POST请求

通过app.post()方法,可以监听客户端的POST请求,具体语法如下:

参数1:客户端请求的url地址
参数2:请求对应的处理函数
       req:请求对象(包含了与请求相关的属性和方法)
       res:响应对象(包含了与响应相关的属性和方法)
app.post('请求Url',function(req,res){})

5、把内容响应给客户端

通过app.send()方法,可以把处理好的内容,发送给客户端,具体语法如下:

app.get('/user',(req,res) => {
    //向客户端发送JSON对象
    res.send({name:'doraMiu',age:'20',gender:'女'})
})
app.post('/user',(req,res) => {
    //向客户端发送文本内容
    res.send('请求成功')
})

postman测试

//1、导入express
const express = require('express')
//2、创建Web服务器
const app = express()
// 参数1:客户端请求的url地址
// 参数2:请求对应的处理函数
//        req:请求对象(包含了与请求相关的属性和方法)
//        res:响应对象(包含了与响应相关的属性和方法)
// app.get('请求Url',function(req,res){})
// app.post('请求Url',function(req,res){})
app.get('/user',(req,res) => {
    //向客户端发送JSON对象
    res.send({name:'doraMiu',age:'20',gender:'女'})
})
app.post('/user',(req,res) => {
    //向客户端发送文本内容
    res.send('请求成功')
})
//3、调用app.listen(端口号,启动成功后的回调函数),启动服务器
app.listen(80,() => {
    console.log('express server running at http://127.0.0.1');
})

在这里插入图片描述
在这里插入图片描述

6、获取URL中携带的查询参数

通过req.query对象,可以访问到客户端通过查询字符串的形式,发送到服务器的参数,具体语法如下:

app.get('/',(req,res) => {
    //req.query默认是一个空对象
    //客户端使用?name=doraMiu&age=20这种查询字符串形式,发送到服务器的参数
    //可以通过req.query对象访问到,例如:
    //req.query.name   req.query.age
    console.log(req.query)
})

在这里插入图片描述

7、获取URL中携带的动态参数

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

//URL地址中,可以通过 :参数名 的形式,匹配动态参数值
app.get('/user/:id/:userName', (req, res) => {
    // req.params默认是一个空对象
    // 里面存放着通过 :动态匹配到的参数值
    console.log(req.params)
    res.send(req.params)
})

在这里插入图片描述

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值