我刚刚开始使用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的模板继承.
原文地址:https://codeday.me/bug/20190609/1205688.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。