文章/答案/技术大牛

发布

社区首页 >问答首页 >带Hogan.js的分词

问带Hogan.js的分词
EN

Stack Overflow用户

提问于 2015-05-02 20:01:53

回答 1查看 1K关注 0票数 1

首先，我想说我是Node.js的新手。

我的问题是这个。是否有一种方式可以使用单一布局的HTML？类似于MCV和ASP中的共享视图和主布局。

例如，：

//。hello_world.hjs

<!DOCTYPE html>
<html>
  <head>
    <title>{{ title }}</title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
  </head>
  <body>
    <h1>{{ title }}</h1>
    <div id="content">
        <!-- Place changing page content here -->
        {{> part }}
    </div>
    <footer>
        {{date}}
    </footer>
  </body>
</html>

//。hello_world.js

var express = require('express');
var router = express.Router();

/* GET home page. */
router.get('/', function(req, res, next) {
  res.render('hello_world', { 
    title: 'Hello World!', 
    partials: { 
        part: 'part'
    }
  });
});

//。part.html

<h1>This is a part</h1>

我只想用hello_world.hjs中的id " content“来更改div中的内容，这样，当对页脚进行更新时，或者导航栏将不必对每个文档进行更改。

文件夹结构->

routes
-- hello_world.js

views
--hello_world.hjs
--part.html
--index.hjs

我已经尝试过寻找解决办法。但是，我不确定我是否在搜索中使用了适当的术语。

html

node.js

layout

express

hogan.js

回答 1

Stack Overflow用户

发布于 2015-05-02 22:02:31

必须将part.html重命名为part.hjs。然而，这仍然不能回答整个问题。虽然我现在能够使用部分，但我需要能够使用一致的布局，并且我不想重复JS文件中的以下内容：

partials: { 
    part: 'part',
    footer: 'footer'
}

在一个大型网站上重新键入这些内容会变老，并容易出现打印错误。

票数 1

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

原文链接：

https://stackoverflow.com/questions/30006860

复制

相似问题

问带Hogan.js的分词
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问带Hogan.js的分词EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问带Hogan.js的分词
EN