5分钟入手熟悉express

在这里插入图片描述

☀️作者简介:大家好我是言不及行yyds
🐋个人主页:言不及行yyds的CSDN博客
🎁系列专栏:【node】

在这里插入图片描述

express

1.express初识

1.1什么是express

Express是基于Node.js平台,用于快速,开放,极简的web开发框架
与node内置的http模块类似作用,用于搭建web服务器

express官网

1.2为什么使用express

我们都知道,node中有http模块,可以搭建服务器
那为什么还要使用express,可区别一下二者

  • http 内置模块用起来很复杂,开发效率低;Express 是基于内置的 http 模块进一步封装出来的,能够极大的提高开发效率
  • 类似于浏览器中 Web API 和 jQuery 的关系。后者是基于前者进一步封装出来的

1.3express能干什么

  • 搭建web网站服务器
  • 搭建API接口服务器

搭建时更快,语法更简单,效率更高
在这里插入图片描述

2.express的使用

2.1安装并创建一个简单的web服务器

安装:npm install express

创建一个简单的web服务器
在这里插入图片描述

这个时候就创建好了一个本地的服务器

2.2请求方式和获取响应参数

2.2.1POST与GET方式

GET方式:创建一个通过GET方式访问的服务器

const  express=require('express')
//创建web服务器
const app=express()
app.get('/user',function(req,res){
	//在这书写怎么处理响应结果
})
  • 参数1:客户端请求的URL地址
  • 参数2:请求参数的处理函数
    req:请求对象(包含请求对象的属性和方法)
    res:响应对象(含响应对象的属性和方法)

POST方式:创建一个通过POST方式访问的服务器

const  express=require('express')
//创建web服务器
const app=express()
app.post('/user',function(req,res){
	//在这书写怎么处理响应结果
})
2.2.res的一些API
属性效果
res.send可以把处理好的内容,发送给客户端
res.query可以访问到客户端通过查询字符串的形式,发送到服务器的参数
res.params可以访问到 URL 中,通过 : 匹配到的动态参数:

在这里插入图片描述

3.实践

需求: 1. 书写一个GET请求的服务器,向开启的服务器发送自定义的数据
2. 在创建好的服务器中在地址上添加query参数(name=sss&age=sss的格式)结果显示在服务器上
3. 书写params参数,显示在服务器上

const  express=require('express')
//创建web服务器
const app=express()

//调用app.listen监听(端口号,启动成功过后的数据)
app.listen(2000,()=>{
    console.log("2000服务器开启成功")

})

//通过app.get()方法监听客服端的请求
app.get('/user',function(req,res){
    //向客户端发送json数据
    res.send({name:"ztl",age:13,sex:"men"})
})
app.get('/',(req,res)=>{
    //req.query默认是一个空对象
    //客服端使用?name=ztl&age=18这种查询字符串形式,发送服务器的参数
    //通过req.query访问
    console.log(req.query)
    res.send(req.query)
})
app.get('/:id',(req,res)=>{
    //req.params默认是一个空对象![请添加图片描述](https://img-blog.csdnimg.cn/9fb1b0d873844db2a5918c3d00684650.gif)

    //里面存放着通过:动态匹配的参数值
    console.log(req.params)
    res.send(req.params)
})

请添加图片描述
在这里插入图片描述
在这里插入图片描述

4.总结

  • 通过这篇文章我们了解了怎么搭建一个简单的web服务器
  • 了解以不同方式访问创建好的服务器
  • 了解怎么向服务器发送数据,以及怎么获得响应参数以及请求参数

如果你有兴趣的话,也可以设置响应的格式

大家如果觉得还不错的话
期待能给博主点个赞,关注,评论三连一下
在这里插入图片描述

  • 52
    点赞
  • 43
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 82
    评论
评论 82
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

言不及行yyds

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值