将别名查询字符串表示为params

时间:2015-08-14 20:12:05

标签: javascript node.js express pug

我正在制作一个包含node,express和jade的项目。我想通过以下方式访问内容:

/Page/foo/bar

/Page?Foo=foo&Bar=bar

我希望top能够成为底部的别名。

这是我现在的解决方案:

server.js

// some stuff
app.get('/Page/:Foo/:Bar',function(req,res){
    res.render('Page.jade', {Foo: req.params.Foo, Bar: req.params.Bar});
});
app.get('/Page',function(req,res){
    res.render('Page.jade', {Foo: req.query.Foo, Bar: req.query.Bar});
});
// more stuff

Page.jade

doctype html
html
    head
        script var foo = "!{Foo}"; bar = "!{Bar}";
        script(src="/Page.js")
// stuff

Page.js

// stuff with foo and bar, such as:
console.log(foo);
console.log(bar);

我不喜欢这个解决方案的是,它迫使我处理params并用express分别查询(这几乎是重复的代码,但不够接近以减少它),将它传递给jade ,它将其存储在变量中,仅用于使链接的javascript文件使用这些变量。

通常只使用查询字符串我只需要在Page.js中触摸它。有没有办法设置express来有效地将第一个URL解释为查询字符串,如第二个URL,所以jade文件不必触及变量?

2 个答案:

答案 0 :(得分:0)

您可以自己设置对象属性并继续下一个路径等

app.use('/Page/:Foo/:Bar',function(req, res, next){

    for (var key in req.params) {
        req.query[key] = req.params[key];
    }

    next();

});

答案 1 :(得分:0)

  • 选项1:如果您只是想减少代码冗余,也许您可​​以将控制器保存在外部文件中,因此最终会得到如下内容:

    controllers/fooBarController.js

    exports.fooBarQueryOrParams = function(req, res) {
        res.render('Page.jade', {
            Foo: req.params.Foo || req.query.Foo,
            Bar: req.params.Bar || req.query.Bar
        });
    }
    

    如果||无效,您还可以使用其他undefined运算符添加默认值。

    server.js

    var fooBarController = require('controllers/fooBarController');
    
    app.get('/Page/:Foo/:Bar',    fooBarController.fooBarQueryOrParams);
    app.get('/Page',              fooBarController.fooBarQueryOrParams);
    
  • 选项2:相同,但使用res.locals,所以现在无需将任何对象传递给Page.js所有视图< / strong>只会根据其名称查看res.locals个属性,在本例中为FooBar(不是res.locals.Foores.locals.Bar)。

    controllers/fooBarController.js

    exports.fooBarQueryOrParams = function(req, res) {
        res.locals.Foo = req.params.Foo || req.query.Foo;
        res.locals.Bar = req.params.Bar || req.query.Bar;
        res.render('Page.jade');
    }
    

    server.js

    var fooBarController = require('controllers/fooBarController');
    
    app.get('/Page/:Foo/:Bar',    fooBarController.fooBarQueryOrParams);
    app.get('/Page',              fooBarController.fooBarQueryOrParams);
    
  • 选项3 :始终公开res.locals所有内容:

    controllers/fooBarController.js

    exports.fooBarQueryOrParams = function(req, res) {
        res.render('Page.jade');
    }
    

    server.js

    var fooBarController = require('controllers/fooBarController');
    
    app.use(function(req, res, next) {
        for (var key in req.params) res.locals[key] = req.params[key];
        for (var key in req.query)  res.locals[key] = req.query[key];
        next();
    });
    
    app.get('/Page/:Foo/:Bar',    fooBarController.fooBarQueryOrParams);
    app.get('/Page',              fooBarController.fooBarQueryOrParams);
    

我会选择第一个选项,因为我认为您不需要在所有视图中使用FooBar,因此使用res.locals进行曝光是没有意义的它们适用于您的所有观点,而不仅仅是那些真正需要它们的观点。