很想知道基于快速渲染变量使用把手部分的最佳方法

Question

所以我想知道当我有一个渲染变量集时，在Express中加载Handlebars Partial的最佳方法是什么。

app.get('/raves-reviews/corporate-clients', function (req, res) {
    res.render('raves-reviews.html', {  //This of this a micro layout
        layout: 'main',           //this is the main layout
        title: 'Raves & Reviews',
        corporate: true,          //this is part of idea 1
        page: 'corporate-clients' //this is part of idea 2 and 3
    });
});

因此，当用户访问mysite.com/raves-reviews/corporate-clients时，Handlebars将首先加载主布局，我已设置导航以显示主页滑块或raves-review滑块（如果不是主页。

然后它会加载raves-reviews.html页面，这只是一个把我重命名为.html扩展名的把手文件，它将是一个可容纳4个其他页面的微模板。

我不想做的是使用相同的raves-reviews.html微模板制作4页，并且必须将每个其他页面包括为部分。 我宁愿制作一个能够处理所需部分的页面，就像主要布局与网站中的每个其他页面一样。

因此，想法1是在raves-reviews.html中创建4个{{#if}}块

{{#if page1}}
    {{> page1}}
{{/if}}
{{#if page2}}
    {{> page2}}
{{/if}}
{{#if page3}}
    {{> page3}}
{{/if}}
{{#if page4}}
    {{> page41}}
{{/if}}

因此，想法2是使用我在这里找到的帮助器： handlebars.js {{#if}}中的逻辑运算符有条件地创建页面，但是我确实在那里读到把手被认为没有逻辑。 所以我不确定这是否是一个很好的方法，可以将逻辑调用到一个设计用于没有逻辑的模板系统中。

想法3是看是否有办法在app.get中使用页面变量来创建局部，但我不是100％确定如何将它拉下来。 我最初的想法是：

{{> {{page}} }}

如果有任何其他方式，我对任何其他想法完全开放。 感谢大家。

Answer 1

你可能应该选择1，因为你已经做到了