Node.js学习笔记III ---Express基本使用

初识Express

  1. 概念

官方:基于Node.js平台,快速、开放、极简的Web开发框架

通俗理解:Express的作用和Node.js内置的http模块类似,是专门用来创建Web服务器的。

  1. 有了http模块,为什么还要用Express

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

使用Express可以方便、快速的创建Web网站服务器API接口的服务器

  1. 基本使用
  • 监听GET、POST请求
const express = require('express')
//创建web服务器
const app = express();

//监听客户端的GET和POST请求,冰箱客户端响应具体的内容,第一个参数是URL
app.get('/user', (req, res) => {
   
    //调用express提供的res.send()方法,向客户端响应一个JSON对象
    res.send({
   name : 'ZS', age: 20, gender : '男'})
})

app.post('/user', (req, res) => {
   
    //调用express提供的res.send()方法,向客户端响应一个文本字符串
    res.send('请求成功')
})

// 启动web服务器
app.listen(80, () => {
   
    console.log('express server running at http://127.0.0.1')
})

在这里插入图片描述

  • 获取URL中携带的查询参数

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

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

app.get('/', (req, res) => {
   
    //通过req.query对象,可以获取到客户端发送过来的参数
    //注意,默认情况下,req.query是空对象
    console.log(req.query)
    res.send(req.query)
})

// 启动web服务器
app.listen(80, () => {
   
    console.log('express server running at http://127.0.0.1')
})

Postman上发送GET请求,结果为:
在这里插入图片描述
获取URL中携带的查询参数
在这里插入图片描述

  • 获取URL中的动态参数

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

具体代码

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

//注意:这里的:id是一个动态的参数
app.get('/user/:id', (req, res) => {
   
    //req.query是动态匹配到空对象

    console.log(req.params)
    res.send(req.params)
})

// 启动web服务器
app.listen(80, () => {
   
    console.log('express server running at http://127.0.0.1')
})

结果:
在这里插入图片描述

  1. 托管静态资源

通过express.static()可以非常方便地创建一个静态资源服务器

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

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

//在这里,调用express.static()方法,快速的对外提供静态资源
app.use(express.static('./clock'))

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

托管多个静态资源目录

多次调用express.static()函数即可

app.use(express.static('./clock'))
app.use(express.static('./files'))

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

挂载路径前缀

app.use('/abc', express.static('./files'))

安装nodemon

npm i -g nodemon

将node命令替换为nodemon命令,使用nodemon来启动项目,这样代码修改之后,会被nodemon监听到,从而实现自动重启项目的效果。

Express路由

  1. 路由的概念

Express中路由指的是,客户端的请求与服务器处理函数之间的映射关系

Express中路由由三部分组成,分别是请求的类型请求的URL地址处理函数

app.METHOD(PATH, HANDLER)

在这里插入图片描述

路由匹配的注意点:

① 按照定义的先后顺序进行匹配

② 请求类型和请求的URL同时匹配成功,

才会调用对应的处理函数

  1. 路由的使用

最简单的用法

const express = require('express')
const app = express(
  • 2
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值