blocks|key|2625781|text|如果你想要模板继承和DTL语法，你需要的是Nunjucks：|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|2625782|http://mozilla.github.io/nunjucks/|2625783|entityMap|0|LINK|mutability|MUTABLE|url^0|L|8|0|0|Y|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|R|8|@]|D|@$9|S|A|T|1|U]]|E|$]]|$1|H|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|I|$J|$5|K|L|M|E|$N|G]]]]

What you're looking for if you want template inheritance and DTL syntax, is Nunjucks :

<a href="http://mozilla.github.io/nunjucks/" rel="noreferrer">http://mozilla.github.io/nunjucks/</a>

blocks|key|2625643|text|Mustache.js支持partials，它以类似的*方式工作。除此之外，我什么也找不到--也许我会成功……|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2625644|*好的，它们一点也不像Django的模板，但它们是我能找到的最接近的模拟。|style|CODE|2625645|entityMap|0|LINK|mutability|MUTABLE|url|http://github.com/janl/mustache.js/^0|D|8|0|0|0|1|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]]|C|$]]|$1|D|3|E|5|6|7|T|8|@$A|U|B|V|F|G]]|9|@]|C|$]]|$1|H|3|-4|5|6|7|W|8|@]|9|@]|C|$]]]|I|$J|$5|K|L|M|C|$N|O]]]]

Mustache.js has support for <a href="http://github.com/janl/mustache.js/" rel="nofollow noreferrer">partials</a>, which work in a similar* manner. Other than that, I haven't been able to find anything -- maybe I'll make it ... 

<code>*</code> Okay, they're not really like Django's templates at all, but they are the closest simulacrum I could find.

blocks|key|224835|text|jQuery模板有一个{{wrap}}模板标签，类似于extend：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|224836|http://api.jquery.com/template-tag-wrap/|offset|length|224837|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|14|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

jQuery Template have a {{wrap}} template tag which is similar to extend:

<a href="http://api.jquery.com/template-tag-wrap/" rel="nofollow">http://api.jquery.com/template-tag-wrap/</a>

blocks|key|714065|text|虽然它不是“模板继承”，但Beard.js可以通过创建模板引用来帮助您重用模板，我认为这可以帮助您实现相同的目标。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|714066|http://jspopisno1.github.com/Beard/#exmp_syntax-reference|offset|length|714067|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|1L|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

Although it is not "template inheritance", but
Beard.js can help you re-use your template by creating template references, which I think can help you achieve the same goal.

<a href="http://jspopisno1.github.com/Beard/#exmp_syntax-reference" rel="nofollow">http://jspopisno1.github.com/Beard/#exmp_syntax-reference</a>

blocks|key|224851|text|查看Handlebars.js。它允许您定义帮助器方法，您可以使用这些方法来划分不同的块，并以类似于Rails的content_for+:my_area和yield+:my_area的方式回显它们。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|224852|entityMap^0|1K|K|25|E|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

Check out Handlebars.js. It allows you to define helper methods that you could use to compartmentalize different blocks, and echo them out, in a way similar to Rails' <code>content_for :my_area</code> and <code>yield :my_area</code>.

blocks|key|4005173|text|是的，使用Dustjs，您可以让一个模板从一个通用的基本模板继承其大部分内容。下面是它在Dustjs中的工作原理：(参见“块和内联分区”一节)|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4005174|在“base_template”文件中：|4005175|Start
{%2Btitle/}
Middle
{%2Bmain/}
End|code-block|syntax|javascript|4005176|一个“继承”base_template的模板：|4005177|{>base_template/}
{<title}
++Child+Title
{/title}
{<main}
++Child+Content
{/main}|4005178|结果如下所示：|4005179|Start
Child+Title
Middle
Child+Content
End|4005180|相关问题:似乎只支持一个级别的继承：Is+there+a+way+to+do+more+than+one+level+of+inheritance+value+overrides+with+dust.js?|4005181|entityMap|0|LINK|mutability|MUTABLE|url|http://akdubya.github.com/dustjs/|1|2|https://stackoverflow.com/questions/12268522/is-there-a-way-to-do-more-than-one-level-of-inheritance-value-overrides-with-dus^0|5|6|0|18|6|1|0|0|0|0|0|0|0|I|2D|2|0^^$0|@$1|2|3|4|5|6|7|15|8|@]|9|@$A|16|B|17|1|18]|$A|19|B|1A|1|1B]]|C|$]]|$1|D|3|E|5|6|7|1C|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|1D|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|1E|8|@]|9|@]|C|$]]|$1|M|3|N|5|H|7|1F|8|@]|9|@]|C|$I|J]]|$1|O|3|P|5|6|7|1G|8|@]|9|@]|C|$]]|$1|Q|3|R|5|H|7|1H|8|@]|9|@]|C|$I|J]]|$1|S|3|T|5|6|7|1I|8|@]|9|@$A|1J|B|1K|1|1L]]|C|$]]|$1|U|3|-4|5|6|7|1M|8|@]|9|@]|C|$]]]|V|$W|$5|X|Y|Z|C|$10|11]]|12|$5|X|Y|Z|C|$10|11]]|13|$5|X|Y|Z|C|$10|14]]]]

Yes, with <a href="http://akdubya.github.com/dustjs/" rel="nofollow noreferrer">Dustjs</a>, you can have a template inherit the bulk of its content from a common base template. Here is how it works, with <a href="http://akdubya.github.com/dustjs/" rel="nofollow noreferrer">Dustjs</a>: (see the "Blocks and Inline Partials" section)

In a file "base_template":

<pre><code>Start
{+title/}
Middle
{+main/}
End
</code></pre>

A template that "inherits" the base_template:

<pre><code>{&gt;base_template/}
{&lt;title}
 Child Title
{/title}
{&lt;main}
 Child Content
{/main}
</code></pre>

Results in something like:

<pre><code>Start
Child Title
Middle
Child Content
End
</code></pre>

Related question: Only 1 level of inheritance seems to be supported: <a href="https://stackoverflow.com/questions/12268522/is-there-a-way-to-do-more-than-one-level-of-inheritance-value-overrides-with-dus">Is there a way to do more than one level of inheritance value overrides with dust.js?</a>

blocks|key|2625770|text|关于将模板继承添加到中，目前正在进行一些工作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2625771|请参阅最近的GitHub问题：https://github.com/wycats/handlebars.js/issues/208|offset|length|2625772|这篇博文是：Template+Inheritance+for+Handlebars|2625773|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/wycats/handlebars.js/issues/208|1|http://thejohnfreeman.com/blog/2012/03/23/template-inheritance-for-handlebars.html^0|0|F|1E|0|0|6|Z|1|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@]|9|@$D|T|E|U|1|V]]|A|$]]|$1|F|3|G|5|6|7|W|8|@]|9|@$D|X|E|Y|1|Z]]|A|$]]|$1|H|3|-4|5|6|7|10|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|O]]|P|$5|K|L|M|A|$N|Q]]]]

There's some work in progress on adding template inheritance to <a href="https://github.com/wycats/handlebars.js/" rel="nofollow">Handlebars</a>.

See this fairly recent GitHub issue: <a href="https://github.com/wycats/handlebars.js/issues/208" rel="nofollow">https://github.com/wycats/handlebars.js/issues/208</a> 
And this blog post: <a href="http://thejohnfreeman.com/blog/2012/03/23/template-inheritance-for-handlebars.html" rel="nofollow">Template Inheritance for Handlebars</a>

In the Django framework, web page templates can inherit from other templates. In your child template, you define blocks of code which override like-named blocks in parent templates. I'm guessing there are other back-end templating systems which also work this way, but Django is the one I'm familiar with.

Do any of the existing javascript template systems support django-style inheritance?

javascript template inheritance

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

EdgeOne AI 安全实战专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

在Django框架中，网页模板可以继承其他模板。在您的子模板中，您可以定义代码块来覆盖父模板中的同名块。我猜还有其他后端模板系统也是这样工作的，但Django是我所熟悉的。现有的javascript模板系统是否支持django风格的继承？

问javascript模板继承
EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问javascript模板继承EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问javascript模板继承
EN