javascript – 使用Node.js,Handlebars和Express进行模板继承

我刚刚开始使用Node.js,所以我正在构建非常简单的应用程序以便练习基础知识.我试图让一些像Django一样的模板继承工作,但我对如何做它有点不知所措.

我知道图书馆“快递把手”包括布局的概念,我认为这可能是最好的方法,但乍一看我不知道它是否允许继承的步骤,或者使用它来替换不同的块(我看到了插入其他模板的一般布局代替{{{body}}}标签,尽管可能有更多的技巧).

所以,我的问题是：如何实现多层模板继承(同样,将子内容插入不同的单独块,而不是单个块)？我正在使用Node.js,Express和把手,但如果后两者不可能,我不介意尝试其他框架或模板语言.

谢谢！

编辑：

我的意思的伪编码示例：

首先,我们可以有一个共同的外部模板：

<html>
    <head></head>
    <body>
        <h1> Main Title </h1>
        <h2> {{section name block}} </h2>
        <h3> {{subsection name block}} </h3>
        {{content block}}
    </body>
</html>

然后在它下面的另一个(中间模板),替换一些外部的块(并可能添加其他块)：

{{inheriting from outer template}}
{{section name block}} Section Three {{/block}}

最后是一个内部的,它将是从javascript代码调用的那个：

{{inheriting from middle template}}
{{subsection name block}} Subsection Two {{/block}}
{{content block}}
    <p>This is the content of Section Three, Subsection Two.</p>
{{/block}}

处理内部模板时的结果是：

<html>
    <head></head>
    <body>
        <h1> Main Title </h1>
        <h2> Section Three </h2>
        <h3> Subsection Two </h3>
        <p>This is the content of Section Three, Subsection Two.</p>
    </body>
</html>

解决方法:

它不是100％清楚你要求的模板术语“继承”,但手柄模板可以包括模板,其中可以包含其他模板,其中可以包含模板,以便您可以根据需要进行嵌套.

例如,我只使用语法：

{{> common_header}}

将common_header模板嵌入当前模板中. common_header本身可以嵌入其他模板,依此类推.

您还可以使用布局(已讨论过here),它允许您拥有类似于主人的模板,可以将不同的内容呈现到该模板中.

仅供参考,使用Handlebars here和here以及Handlebars here的布局扩展以及Handlebars here中使用布局的更多讨论讨论了类似Django的模板继承.

javascript – 使用Node.js,Handlebars和Express进行模板继承

相关推荐