带有母版页或布局的hogan.js

时间:2013-09-25 12:02:41

标签: node.js layout express master hogan.js

是否有可能以任何方式使用hogan.js作为模板引擎,其布局类似于 “.NET中的剃刀或母版页”? 我会得到这样的结果:

layout.hjs: 包含“标题”& “页脚”

index.hjs: 将包含layout.hjs并仅包含页面内容。

2 个答案:

答案 0 :(得分:9)

确定:

layout.hjs:

{{> header}}
{{$content}}
  default content
{{/content}}
{{> footer}}

index.hjs:

{{<layout}}
  {{$content}}
    your content goes here
  {{/content}}
{{/layout}}

查看hogan测试文件,了解它可以做的所有事情: https://github.com/twitter/hogan.js/blob/master/test/index.js

顺便说一句。这是Hogan@3.0.0,用mpn的git url获取它

答案 1 :(得分:1)

我不确定你的意思,“Razor或.NET中的母版页”?你想做什么,使用视图部分?

但为Express设置Hogan.js的基本方法如下:

var express = require('express');
var app = express();

app.set('views', __dirname + '/views');
app.set('view engine', 'hjs');

app.use(app.router);
app.use(express.static( __dirname + '/public' ));

app.get('/', function( req, res, next ) {
  res.render('index');
});

app.listen(3000);

您必须npm install express [--save]npm install hjs [--save],具体取决于它是否已包含在您的package.json中。

然后你只需创建一个views目录并抛出一个index.hjs文件就可以了。

让我知道您要对模板做什么,我们可以从那里开始工作。