【node进阶】深度解析之Express框架入门_express框架 promise(1)

本文介绍了Node.js中内置的http模块与Express框架的关系,指出Express基于http模块提供更高的开发效率。文章详细讲解了如何使用Express处理GET和POST请求,以及托管静态资源和动态参数。最后强调了系统学习和团队协作对于技术提升的重要性。
摘要由CSDN通过智能技术生成

能,使用node.js的内置模块http即可

  1. 既生瑜何生亮(有了http模块,为啥还要用express?)

http 内置模块用起来很复杂,开发效率低;Express 是基于内置的 http 模块进一步封装出来的,能够极大的提高开发效率

  1. http内置模块与express有什么关系?

类似于浏览器中 Web APIjQuery 的关系。后者是基于前者进一步封装出来的。

express能干啥?

对于前端的程序员来说,最常见的服务器有两种,分别是:

  1. web 网站服务器 :专门对外提供web网页资源的服务器(例如:apcahe、iis)。
  2. api 接口服务器 : 专门对外提供api接口的服务器(例如:专门给前台提供数据的接口)。

express基本使用

安装express

只需一行代码:npm install express --save 只要不报错就安装成功了.

创建基本的web服务器

在这里三个步骤拿下:

  1. 引入express,用我们的老搭档(express)
  2. 创建web服务器,直接调用express()
  3. 调用listen(),启动服务器!
const express = require('express')
// 创建 web 服务器
const app = express()

app.listen(80, () => {
  console.log('express server running at http://127.0.0.1')
})

监听get请求

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

app.get('/user',(req,res)=>{
    res.send({name:'james',age:37,gender: '男'})
})

发出get请求后,我们收到服务端的响应,接收到了一个对象,对象中的属性响应给了客户端,客户端可以取出。

监听post请求

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

app.post('/user',(req,res)=>{
    res.send('请求成功')
})

发送post请求,响应回来的不仅可以有属性,也可以返回来字符串

将内容响应给客户端

不论是app.get()还是app.post()都会返回客户端一些信息,可以通过res.send()来接收服务端返回的信息

获取url中携带的查询参数

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

app.get('/',(req,res)=>{
	//客户端可以采取 ?username=zs&age=20的形式,发送到服务器的参数
	//可以通过req.query 对象访问到
    console.log(req.query);
    res.send(req.query)
})

如果我们想获取req.query对象中准确的信息,可以采用req.query.usernamereq.query.age来获取

获取url中的动态参数

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

app.get('/user/:id/:name',(req,res)=>{
    console.log(req.params);
    res.send(req.params)
})

在这里插入图片描述

在这里搭配postman测试,我们在url中添加我们自定义的属性,通过req.params获取到了我们所定义的属性

托管静态资源

express.static()

express 提供了一个非常好用的函数,叫做express.static(),通过它,我们可以非常方便地创建一个静态资源服务器,例如,通过如下代码就可以将 public 目录下的图片、CSS 文件、JavaScript 文件对外开放访问了:

app.use(express.static('public'))

通过这种形式,你可以访问到public目录下的所有文件了,例如:

  1. http://127.0.0.1/images/james.png
  2. http://127.0.0.1/css/style.css
  3. http://127.0.0.1/js/index.js

注意: Express 在指定的静态目录中查找文件,并对外提供资源的访问路径。
因此,存放静态文件的目录名不会出现在 URL 中

托管多个静态资源目录

如果要托管多个静态资源目录,请多次调用 express.static() 函数:

app.use(express.static(path.join(__dirname,'files')))
app.use(express.static(path.join(__dirname,'./clock')))

访问静态资源文件时,express.static() 函数会根据目录的添加顺序查找所需的文件。

挂载路径前缀

img
img

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化资料的朋友,可以戳这里获取

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。**

需要这份系统化资料的朋友,可以戳这里获取

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

  • 16
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值