关于Express框架定制路由的介绍


今天小编给大家分享的是关于Express框架定制路由的介绍,相信很多人都不太了解,为了让大家更加了解,所以给大家总结了以下内容,一起往下看吧。一定会有所收获的哦。  上一节快速搭建Express开发系统步骤,对如何使用express-generator创建一个WEB项目进行了说明,本节我们会对这个项目的代码进行分析,完成一个路由功能的开发。涉及的知识点有以下几个:开发一个路由模块(可以支持get和post请求)测试(get请求用浏览器验证、post请求呢,我就用postman简单处理一下,因为本节课程没有想去讲web端post请求的知识,后续有机会单独讲解吧)  在上一篇文章中讲到,我们以http://localhost:3000/system 路由为例,制作它的get和post请求路由。步骤如下:代码内容如下这是get请求/system返回的资源  解释一下,router.get用于响应http的get请求,router.post用于响应http的post请求。我们在第三部分验证时,分别会通过浏览器和postman分别来对/system路由发起get和post请求。
  此外,/:id这部分会映射到用户的url请求路径中,如你的请求链接是http://localhost:3000/system/2402040134,那么在post的处理函数中,会将:id匹配到2402040134这个值,相当于是一个url参数。同时,要注意,在代码中获取id的值时,使用的是req.params这个对象。免费云主机域名不可与req.body混淆。  不过,目前这个代码还没有被注册到/system路径下,接下来我们需要在app.js中添加几行代码。

  注:在app.js中第9行引入我们的system.js模块,第24行,将这个模块注册在/system路径上。  在vs code中没有显示powershell控制台时,可以使用ctrl+` 唤醒。然后输入npm start,启动我们的项目。  这里我们通过浏览器访问/system,就可以执行到router.get后边的方法,看看是否会得到预期的返回(是一段Html内容)。
  安装postman的过程我不在这里描述了,大家自行安装一下。以下截图是我请求界面的信息及验证结果。

  注意,在上图中url中的2402040134即路由参数,下方的name和tel是post的请求body内容。最后,可以看到,返回了我们预期的json内容。关于关于Express框架定制路由的介绍就分享到这里了,希望以上内容可以对大家有一定的参考价值,可以学以致用。如果喜欢本篇文章,不妨把它分享出去让更多的人看到。

相关推荐: 如何利用css flex实现垂直居中

这篇文章主要介绍如何利用css flex实现垂直居中,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完! 应用flex实现垂直居中 行使cssflex完成垂直居中。flex笼统不是实现垂直居中最好的决定,由于IE8,9其实不支持它。 那会,为…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

Like (0)
Donate 微信扫一扫 微信扫一扫
Previous 10/03 18:14
Next 10/03 18:15

相关推荐