像Django的模板框架/ Jinja这样的前端框架[关闭]

Posted 2023-02-24

【中文标题】像Django的模板框架/ Jinja这样的前端框架[关闭]

【英文标题】：Front-end framework like Django's template framework/Jinja [closed]

【发布时间】：2016-05-20 22:06:30

【问题描述】：

我想知道是否有类似于 Django 模板框架的前端（javascript？）框架。 我正在尝试使用类似 Django 的模板框架（或类似 Jinja）来呈现 JSON。我需要能够使用if statements 和loops，它们将根据if statement 执行或不执行。框架不需要模板继承。 我查看了Angular.js，但尽管它有一些相似之处，但它的工作方式却截然不同。我发现的唯一if statement 是为了删除/显示html 代码，但您不能使用if statement 来执行（或不执行）AngularJS 代码。 TL;DR 有没有类似JinJa/Django 的模板框架的前端框架？

【问题讨论】：

你可以看看 Nunjucks。它是 Jinja 到 JavaScript 的一个端口，您可以通过 Node 或在浏览器中使用它：mozilla.github.io/nunjucks

这太完美了，你能回答我吗？

【参考方案1】：

Nunjucks 是 JavaScript 中 Jinja 的一个端口。您可以在浏览器或服务器端使用它。它具有几乎所有您在 Django 中所期望的模板标签，并且非常容易编写您自己的标签和/或过滤器。

【讨论】：

它看起来很有希望，但我无法让它工作。根据官方入门我应该链接.js文件，然后......？我只是无法让它工作。我连续搜索了大约 2 小时，如果您想在浏览器端使用它，找不到好的入门指南。您能帮助我或将我链接到资源吗？

我并没有在浏览器中实际使用过 Nunjucks，但我可以拼凑一个快速测试。

这是一个渲染 json 模板的工作示例：dropbox.com/s/2kbrhzst28u2w6o/nunjucks-test.zip?dl=0

我使用 gulp-serve 因为 Nunjucks 想要使用 Ajax 请求来获取模板浏览器端。只需运行：npm install，然后运行gulp，这将启动服务任务。然后就可以在localhost:3000查看结果了

您要查找的文档位于：mozilla.github.io/nunjucks/getting-started.html，特别是“使用”部分