首页 > 语言 > JavaScript > 正文

详解NodeJS框架express的路径映射(路由)功能及控制

2024-05-06 15:19:27
字体:
来源:转载
供稿:网友

我 们知道Express是一个基于NodeJS的非常优秀的服务端开发框架,本篇CSSer将提供express框架的route和route control章节,route实现了客户端请求的URL的路径映射功能,暂且译为路由或URL映射吧。如果你还是不太理解,相信看完本篇文章将会有些收 获的。

路由(URL映射)

Express利用HTTP动作提供了有意义并富有表现力的URL映射API,例如我们可能想让用户帐号的URL看起来像“/user/12”的样子,下面的例子就能实现这样的路由,其中与占位标识符(本例为:id)相关的值可以被req.params获取到。

app.get('/user/:id', function(req, res){  res.send('user ' + req.params.id);}); 

上例中当我们访问/user/12时返回“user 12”,CSSer注:app.get相当于在服务器注册了一个监听get请求事件的侦听器,当请求的URL满足第一个参数时,执行后面的回调函数,该过程是异步的。

路由是一个可以被内部编译成正则表达式的简单字符串,比如当/user/:id被编译后,被内部编译后的正则表达式字符串看起来会是下面的样子(简化后):

代码如下:
//user//([^//]+)//?

要实现复杂点的,我们可以传入正则表达式直接量,因为正则捕获组是匿名的因此我们可以通过req.params进行访问,第一个捕获组应该是req.params[0],第二个应该是req.params[1],以此类推。

app.get(/^//users?(?://(/d+)(?:/./.(/d+))?)?/, function(req, res){  res.send(req.params);}); 

通过Linux的curl命令来测试我们定义的路由:

$ curl http://cssercom:3000/user[null,null]$ curl http://cssercom:3000/users[null,null]$ curl http://cssercom:3000/users/1["1",null]$ curl http://cssercom:3000/users/1..15["1","15"] 

下面是一些路由例子,以及与之相匹配的关联路径:

"/user/:id"/user/12 "/users/:id?"/users/5/users "/files/*"/files/jquery.js/files/javascripts/jquery.js "/file/*.*"/files/jquery.js/files/javascripts/jquery.js "/user/:id/:operation?"/user/1/user/1/edit "/products.:format"/products.json/products.xml "/products.:format?"/products.json/products.xml/products "/user/:id.:format?"/user/12/user/12.json 

另外,我们可以通过POST方式提交json数据,然后利用bodyParser中间件解析json请求体并把json数据返回给客户端:

var express = require('express') , app = express.createServer();app.use(express.bodyParser());app.post('/', function(req, res){ res.send(req.body);});app.listen(3000); 

通常我们所使用的占位符(比如/user/:id)都没有任何限制,即用户可以传入各种各样数据类型的id值,如果我们希望限制用户id为数字,可以这样写“/user/:id(/d+)”,这样就能保证只有该占位符数据类型为数值类型才会进行路由的相关处理。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选