首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >具有母版页或布局的hogan.js

具有母版页或布局的hogan.js
EN

Stack Overflow用户
提问于 2013-09-25 20:02:41
回答 2查看 3.8K关注 0票数 7

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

layout.hjs:包含“页眉”和“页脚”

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

EN

回答 2

Stack Overflow用户

发布于 2013-12-19 03:33:27

当然:

layout.hjs:

代码语言:javascript
复制
{{> header}}
{{$content}}
  default content
{{/content}}
{{> footer}}

index.hjs:

代码语言:javascript
复制
{{<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获取它。

票数 9
EN

Stack Overflow用户

发布于 2013-12-18 07:24:22

我不明白你是什么意思,“.NET中的剃刀还是母版页”?你想做什么,使用视图部分吗?

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

代码语言:javascript
复制
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中。

然后你只需要创建一个视图目录并抛出一个index.hjs文件,你就完成了。

让我知道你想用你的模板做什么,我们可以从那里开始工作。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/19004391

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档