如何在 Express.js 布局中使用局部？

Question

我有一個 layout.ejs 文件，其中包含我網站的基本樣板 HTML 標記：doctype 聲明、head、body、footer、基礎知識...

我將如何將導航放在單獨的部分文件中並將其包含在此布局中？ 是否有特定的 require() 或 include() 函數來執行此操作？

我正在使用 EJS 視圖引擎。

Answer 1

我在使用 expressjs 4.0 時遇到了與把手模板類似的問題

在我的 app.js 中：

var hbs = require('hbs');

// register path to partials
hbs.registerPartials(__dirname + '/views/partials');

然后將部分文件添加到您的部分目錄：

/views/partials/nav.hbs

然后您可以在例如 index.hbs 中調用它，如下所示：

<!DOCTYPE html>
<html>
  <head>
    ...
  </head>

  <body>
    {{> nav}}
    ...
  </body>
</html>

Answer 2

是的。

<% include path/to/template %>

文檔在這里。 https://github.com/visionmedia/ejs#includes

Answer 3

var hbs = require('express-handlebars');
// view engine setup
app.set('view engine', 'hbs');

app.engine( 'hbs', hbs( {
  extname: 'hbs',
  defaultView: 'default',
  layoutsDir: __dirname + '/views/layouts/',
  partialsDir: __dirname + '/views/partials/'
}));

請參閱：頁面模板

如何在 Express.js 布局中使用局部？

問題描述

3 個解決方案

解決方案1
8 2015-01-05 07:42:39

解決方案2
7 已采納 2013-07-23 18:46:30

解決方案3
0 2020-06-08 06:05:00

如何在 Express.js 布局中使用局部？

問題描述

3 個解決方案

解決方案1 8 2015-01-05 07:42:39

解決方案2 7 已采納 2013-07-23 18:46:30

解決方案3 0 2020-06-08 06:05:00

解決方案1
8 2015-01-05 07:42:39

解決方案2
7 已采納 2013-07-23 18:46:30

解決方案3
0 2020-06-08 06:05:00