expressjs路由匹配规则

expressjs作为nodejs的MVC框架，其路由规则与大部分其他MVC框架类似，略有不同，研究后做个小记。

expressjs路由在app.js中配置，app.js源码如下（不同的版本会有所不同，以下为express 4.13.1）：

 1 var express = require('express');
 2 var path = require('path');
 3 var favicon = require('serve-favicon');
 4 var logger = require('morgan');
 5 var cookieParser = require('cookie-parser');
 6 var bodyParser = require('body-parser');
 7
 8 var routes = require('./routes/index');
 9 var users = require('./routes/users');
112 var app = express();
13
14 // view engine setup
15 app.set('views', path.join(__dirname, 'views'));
16 app.set('view engine', 'jade');
17
18 // uncomment after placing your favicon in /public
19 //app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
20 app.use(logger('dev'));
21 app.use(bodyParser.json());
22 app.use(bodyParser.urlencoded({ extended: false }));
23 app.use(cookieParser());
24 app.use(express.static(path.join(__dirname, 'public')));
25
26 app.use('/', routes);
27 app.use('/users', users);30 // catch 404 and forward to error handler
31 app.use(function(req, res, next) {
32   var err = new Error('Not Found');
33   err.status = 404;
34   next(err);
35 });
36
37 // error handlers
38
39 // development error handler
40 // will print stacktrace
41 if (app.get('env') === 'development') {
42   app.use(function(err, req, res, next) {
43     res.status(err.status || 500);
44     res.render('error', {
45       message: err.message,
46       error: err
47     });
48   });
49 }
50
51 // production error handler
52 // no stacktraces leaked to user
53 app.use(function(err, req, res, next) {
54   res.status(err.status || 500);
55   res.render('error', {
56     message: err.message,
57     error: {}
58   });
59 });
60
61
62 module.exports = app;

先对app.js进行说明,app.js文件中包含以下功能块：

1.模块的加载

 1 var express = require('express');2 var path = require('path');3 var favicon = require('serve-favicon');4 var logger = require('morgan');5 var cookieParser = require('cookie-parser');6 var bodyParser = require('body-parser');7 8 var routes = require('./routes/index');//express默认生成的index和users文件9 var users = require('./routes/users');

2.设置视图view和模板引擎(express默认jade）

15 app.set('views', path.join(__dirname, 'views'));
16 app.set('view engine', 'jade');//express默认为jade，如果想用ejs模板，直接修改，前提是要安装。

3.中间件配置app.use

8 // uncomment after placing your favicon in /public
19 //app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
20 app.use(logger('dev'));
21 app.use(bodyParser.json());
22 app.use(bodyParser.urlencoded({ extended: false }));
23 app.use(cookieParser());
24 app.use(express.static(path.join(__dirname, 'public')));

4.配置路由

26 app.use('/', routes);//将routes模块提交给app

27 app.use('/users', users);//将users模块提交给app

第一个参数为路由路径，即url路径；第二个参数为模块名称，即在加载模块的时候赋予的变量名。

也就是将该路径与模块建立映射关系，如/users路径将于users模块建立关系。当输入url请求过来后，express会解析到相应的模块去处理请求，如上users.js模块。

在users.js中可以直接返回数据或者加载视图。

如果要加载视图，那么该路径一定要与view中的目录结构相匹配，否则无法加载。例如路由是/new/newslist，那么视图view下要有匹配的目录/views/new/newslist。

routes的目录与views目录结构相对应，才能加载成功。express根据路由/new/newslist去找routes下的newslist.js模块（文件），newslist.js文件中通过render去加载视图，代码如下:

var express = require('express');
var router = express.Router();//从express中取出router/* GET users listing. */
router.get('/', function(req, res, next) {res.render('newslist', { title: 'Express' });
});module.exports = router;

express会根据之前配置的路由去views下找相应的模板文件viewslist.jade进行操作。

5.处理404和500错误

 // catch 404 and forward to error handler
31 app.use(function(req, res, next) {
32   var err = new Error('Not Found');
33   err.status = 404;
34   next(err);
35 });
36
37 // error handlers
38
39 // development error handler
40 // will print stacktrace
41 if (app.get('env') === 'development') {
42   app.use(function(err, req, res, next) {
43     res.status(err.status || 500);
44     res.render('error', {
45       message: err.message,
46       error: err
47     });
48   });
49 }
50
51 // production error handler
52 // no stacktraces leaked to user
53 app.use(function(err, req, res, next) {
54   res.status(err.status || 500);
55   res.render('error', {
56     message: err.message,
57     error: {}
58   });
59 });

转载于:https://www.cnblogs.com/goodpan/p/5001341.html

expressjs路由匹配规则相关推荐

互联网技术-alibaba-gateway网关中routers路由匹配规则
gateway的主要功能之一是转发请求,转发规则的定义主要包含三个部分组成描述路由 Route 路由是网关的基本单元, 由ID.URI.一组Predicate.一组Filter组成,根据Pred ...
django中路由匹配规则
1.定义指url与后端视图之间的一一映射关系 2.添加路由以及匹配规则 1)需要在全局路由文件中(url.py),urlpatterns列表中添加路由条目 2)urlpatterns是固定的,是列表 ...
Nginx篇之路由匹配规则以及配置url转发
一.前言一般我们经常在访问网站时,通常会遇到输入某个页面的网址时,出现路由的转发,重定向等.可能访问的是一个网址,出来的时候就显示的是另外的地址. 这种情况下,通常属于nginx的页面跳转. 二.N ...
linux 路由匹配原则,Nginx localhost路由匹配规则
URI 即统一标识资源符,通用的 URI 语法格式如下: scheme:[//[user[:password]@]host[:port]][/path][?query][#fragment] 格式说明 ...
React 路由匹配模式
React 路由匹配模式 react中的路由按照路径的正则进行匹配,很容易出现同时匹配多个路由组件的情况,路由规则提供了一个唯一匹配模式组件:Switch 问题:添加Switch没有任何反应,且各个页 ...
【TP3.2】路由匹配和规则
TP3.2框架的路由匹配和规则处理: 包括:静态路由,动态路由,多参数路由.正则路由 <?php return array(//'配置项'=>'配置值'/* * 路由开启和匹配.首先开启路 ...
Django中url匹配规则的补充
Django中url匹配规则是在urls.py文件中配置的. 1.关于正则匹配优先级在url匹配列表中,如果第一条和第二条同时满足匹配规则,则优先匹配第一条. 在url匹配列表中,如果第一条为正则模 ...
nginx匹配规则_Nginx系列之server_name定义与匹配规则
Nginx系列之server_name定义与匹配规则 server_name用来指定请求中的Host头部,在上一节的基于域名的虚拟机中,nginx匹配的规则就是根据server_name的不同,结合请 ...
vue路由匹配实现包容性_包容性设计：面向老年用户的数字平等
vue路由匹配实现包容性 In Covid world, a lot of older users are getting online for the first time or using tec ...

expressjs路由匹配规则

expressjs路由匹配规则相关推荐

最新文章

热门文章