expressjs：如何扩展部分布局

Question

我有layout.jade，其中包含#header #main #footer，并且#main包含#content和#sidebar code>，如果我执行 res.rend('template')，我的模板正文就会转到 #content，

但现在有些页面很特殊，只想继承 #header #main #footer 和模板主体应该转到 #main，我怎样才能在expressjs中做到这一点，我的模板引擎是jade。

Answer 1

Jade 允许您替换（默认）、前置或附加块。例如，假设您希望在每个页面上使用的“head”块中都有默认脚本，您可以这样做：

html
 head
  block head
    script(src='/vendor/jquery.js')
    script(src='/vendor/caustic.js')
 body
  block content

现在假设您的应用程序中有一个用于 JavaScript 游戏的页面，您需要一些与游戏相关的脚本以及这些默认值，您可以简单地附加块：

 extends layout

 append head
  script(src='/vendor/three.js')
  script(src='/game.js')

Answer 2

如果您希望为任何视图使用特殊的布局模板，您只需使用布局值以及新模板布局的名称和位置调用 de template render 即可。

res.render('page', { layout: 'mylayout' });

这将使用 mylayout 渲染 #header、#footer 和其他内容的页面布局内容。

Answer 3

我想我会研究视图部分并组织您的模板，以便可以更换将要更改的内部部分。

http://expressjs.com/guide.html#view-partials