Handlebars Partials在express的应用

在使用handlebars模板引擎的时候，当你需要使用到公区模板的时候，你就可能需要到 partial，如头部/脚部

{{> header}}
<h1>{{title}}</h1>
<p>Welcome to {{title}}</p>
{{> footer}}

{{> partial}}

如何使{{> header}} 或 {{> footer}}生效呢。下面说说在express的应用。

1 初始化express时使用Handlebars模板引擎(如没有，也可使用npm进行安装  )

npm install --save handlebars

2 接着在熟悉的app.js里面进行相关的配置，如下

var hbs = require('hbs');

// 方式1：配置自定义名称的模板
hbs.registerPartial('partial', fs.readFileSync(__dirname + '/views/partial.hbs', 'utf8'));
// 方式2：配置整个目录作为模板
hbs.registerPartials(__dirname + '/views/partials');

3 创建相关的hbs模板文件，如上述第2点，在views/下创建 partial.hbs，在views下建文件夹为partials，接着创建header.hbs和footer.hbs。

4 npm run。  运行express项目，即可渲染出公共部分

转载请注明：圆点网 » Handlebars Partials在express的应用