第十六天、Express路由

一、Express路由简介

路由表示应用程序端点 (URI) 的定义以及响应客户端请求的方式。它包含一个请求方时(methods)、路径(path)和路由匹配时的函数(callback);

app.methods(path, callback);

二、Express路由方法

Express方法源于 HTTP 方法之一,附加到 express 类的实例。它可请求的方法包括:

get、post、put、head、delete、options、trace、copy、lock、mkcol、move、purge、propfind、proppatch、unlock、report、mkactivity、checkout、merge、m-search、notify、subscribe、unsubscribe、patch、search 和 connect。

三、路径

Express路径包含三种表达形式,分别为字符串、字符串模式、正则表达式

1.字符串路径

app.get("/login",function(req,res){
    res.send("login页面");
})

2.字符串模式路径

/ab?cd--此路由路径将与acd和相匹配abcd

app.get('/ab?cd', function (req, res) {
  res.send('acd界面或者abcd界面')
})

/ab+cd--此路由路径将会匹配abcdabbcdabbbcd等。

//至少有一个b,可以有很多个b
app.get('/ab+cd', function (req, res) {
  res.send('abcd或abbcd或abbbcd等')
})

/ab*cd--此路由路径将会匹配abcdabxcdabRANDOMcdab123cd等。

//以ab开头,中间任意内容,然后cd结尾
app.get('/ab*cd', function (req, res) {
  res.send('abcd或abxcd等')
})

/ab(cd)?e--此路由路径将与/abe和相匹配/abcde

//cd可有可无
app.get('/ab(cd)?e', function (req, res) {
  res.send('abe或者abcde')
})

3.正则表达式路径

/a/--此路由路径将匹配其中带有“ a”的任何内容。

app.get(/a/, function (req, res) {
  res.send('/a/')
})

/.*fly$/--此路由路径将匹配butterflydragonfly,但不butterflymandragonflyman等。

app.get(/.*fly$/, function (req, res) {
  res.send('/.*fly$/')
})

四、动态路由

路线参数

路由参数被命名为URL段,用于捕获URL中在其位置处指定的值。捕获的值将填充到req.params对象中,并将路径中指定的route参数的名称作为其各自的键。

Route path: /users/:userId/books/:bookId
Request URL: http://localhost:3000/users/34/books/8989
req.params: { "userId": "34", "bookId": "8989" }

要使用路由参数定义路由,只需在路由路径中指定路由参数,如下所示。

app.get('/users/:userId/books/:bookId', function (req, res) {
  res.send(req.params)
})

路径参数的名称必须由“文字字符”([A-Za-z0-9_])组成。

由于连字符(-)和点(.)是按字面解释的,因此可以将它们与路由参数一起使用,以实现有用的目的。

Route path: /flights/:from-:to
Request URL: http://localhost:3000/flights/LAX-SFO
req.params: { "from": "LAX", "to": "SFO" }
Route path: /plantae/:genus.:species
Request URL: http://localhost:3000/plantae/Prunus.persica
req.params: { "genus": "Prunus", "species": "persica" }

要更好地控制可以由route参数匹配的确切字符串,可以在括号(())后面附加一个正则表达式:

Route path: /user/:userId(\d+)
Request URL: http://localhost:3000/user/42
req.params: {"userId": "42"}

由于正则表达式通常是文字字符串的一部分,因此请确保``使用其他反斜杠对所有字符进行转义,例如\d+

路线处理程序

您可以提供行为类似于中间件的多个回调函数来处理请求。唯一的例外是这些回调可能会调用next('route')以绕过其余的路由回调。您可以使用此机制在路由上施加先决条件,然后在没有理由继续使用当前路由的情况下将控制权传递给后续路由。

路由处理程序可以采用函数,函数数组或二者组合的形式,如以下示例所示。

单个回调函数可以处理路由。例如:

app.get('/example/a', function (req, res) {
  res.send('Hello from A!')
})

多个回调函数可以处理一条路由(确保指定了next对象)。例如:

app.get('/example/b', function (req, res, next) {
  console.log('the response will be sent by the next function ...')
  next()
}, function (req, res) {
  res.send('Hello from B!')
})

回调函数数组可以处理路由。例如:

var cb0 = function (req, res, next) {
  console.log('CB0')
  next()
}

var cb1 = function (req, res, next) {
  console.log('CB1')
  next()
}

var cb2 = function (req, res) {
  res.send('Hello from C!')
}

app.get('/example/c', [cb0, cb1, cb2])

独立功能和功能数组的组合可以处理路由。例如:

var cb0 = function (req, res, next) {
  console.log('CB0')
  next()
}

var cb1 = function (req, res, next) {
  console.log('CB1')
  next()
}

app.get('/example/d', [cb0, cb1], function (req, res, next) {
  console.log('the response will be sent by the next function ...')
  next()
}, function (req, res) {
  res.send('Hello from D!')
})

应对方法

res下表中响应对象()上的方法可以将响应发送到客户端,并终止请求-响应周期。如果从路由处理程序中未调用这些方法,则客户端请求将被挂起。

方法 描述
res.download() 提示要下载的文件。
res.end() 结束响应过程。
res.json() 发送JSON响应。
res.jsonp() 发送带有JSONP支持的JSON响应。
res.redirect() 重定向请求。
res.render() 渲染视图模板。
res.send() 发送各种类型的响应。
res.sendFile() 将文件作为八位字节流发送。
res.sendStatus() 设置响应状态代码,并将其字符串表示形式发送为响应正文。

app.route()

您可以使用来为路由路径创建可链接的路由处理程序app.route()。由于路径是在单个位置指定的,因此创建模块化路由非常有帮助,减少冗余和错别字也很有帮助。有关路由的更多信息,请参见:Router()文档

这是使用定义的链式路由处理程序的示例app.route()

app.route('/book')
  .get(function (req, res) {
    res.send('Get a random book')
  })
  .post(function (req, res) {
    res.send('Add a book')
  })
  .put(function (req, res) {
    res.send('Update the book')
  })

还是挺简单有趣的学习!!

日期:2021/12/1

学习参考视频:*https://www.bilibili.com/video/BV1i7411G7kW?p=42&t=2296.7

学习参考文档参考部分相关视频文案和课件,仅供个人学习和记录

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 初始化 Node 项目流程 1、先创建一个目录,然后定位到创建的目录中 2、调用 npm init -y 来初始化...
    輪徊傷阅读 425评论 0 0
  • 一、Express框架简介及体验 1.1 Express框架简介 Express是一个基于Node.js平台的应用...
    AizawaSayo阅读 1,087评论 0 5
  • 1.Express框架 1.1 express是什么? 创建http服务器特别麻烦,express框架解决了这个的...
    这个前端不太冷阅读 1,272评论 0 0
  • 原文在这里http://www.expressjs.com.cn/4x/api.html发现这不支持表格,表格内容...
    忽如寄阅读 6,875评论 1 14
  • express是一款简单的web开发应用框架,这里主要是一些主要api的使用方法和总结记录。 中间件 首先,exp...
    islandsayi_9c8e阅读 458评论 0 0