Question

我正在使用Node.js和Express构建一个网站。对于我的观看引擎，我使用Vash。

在我的应用中，我有一个layout.vash文件，我将其用作我的应用的主要布局。它看起来像这样：

layout.vash

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>@model.title</title>
  </head>
  <body>
    @html.block('content')
  </body>
</html>

然后我的观点看起来像这样：

view.vash

@html.extend('layout', function(model){
    @html.block('content', function(model){
      <h1>Hello</h1>
    })
})

视图通过Express引用，路径类似于：

var router = require('express').Router();
router.get('/', function(req, res) {
    var viewModel = {
      title: 'Hello'
    };

    res.render('view', viewModel);
});

我的viewModel对每个视图都是唯一的。但是，有些属性在所有视图中共享。例如，出于开发目的，我想知道请求是否是本地的。如果我使用ASP.NET，我知道我可以说：

@if (Request.IsLocal) { ... }

但是，我不确定如何使用Node和Vash做类似的事情。我的直觉告诉我，我不知何故需要将一个名为isLocal的属性附加到我的model。但是，我不确定这是否正确，或者是否可能。

Answer 1

我在个人代码中使用您正在考虑的方法。

如果要附加到模型的值在多个路径中是通用的，请考虑使用函数来扩展模型：

function appendRouteData(model) {
    model.routes = {};
    model.routes.controller = "SomeController";
    model.routes.action = "index";
    model.routes.parameters = { foo: "bar" };
    return model;
}

...

viewModel = appendRouteData(viewModel);

在回复您的评论时，有多种方法可以在users.js中包含此类功能。

要么将方法公开为另一个模块并要求它，或者，如果我们完全疯了，注入一个执行相同功能的函数，但这需要一些重构。我预计你只会做一些疯狂......

// routes.js
var UserRoutes = require('./users');
function appendRouteData(controllerName) {
    // some crazy javascript here, might want to contemplate how this actually works first.
    return function (viewModel) {
        viewModel.routes.controller = controllerName;
        return viewModel;
    };
}

module.exports = {
    users: UserRoutes(appendRouteData('users'))
};

// users.js
function UserRoutes(appendRouteData) {
    var router = require('express').Router();
    router.get('/users', function (req, res) {
        var viewModel = {};
        viewModel = appendRouterData(viewModel);
        res.render('users/index', viewModel);
    });
    return router;
}
module.exports = UserRoutes;

Node.js +在渲染视图

1 个答案: