使用 Django 进行 Javascript 模板化

Question

我真的很想将 Javascript 模板系统与 Django 一起使用。 Mustache.js（及其衍生产品）的语法和风格非常适合我。问题是 Mustache 使用的分隔符标签不能很好地与 Django 模板系统的语法配合使用。

有什么好的方法可以一起使用吗？

我尝试过使用this verbatim snippet 来正确渲染JS 模板。该解决方案的问题是我有时仍然需要 JS 中的 Django 变量或 URL。

我也尝试过使用更改 Mustache 的分隔符

{{=[[ ]]=}}

但是，这不允许使用部分标签，例如 {{#}}。作者表示他打算在未来的版本中完全删除该功能。

是否有任何 JavaScript 模板库紧跟 Mustache.js，但使用不同的分隔符？或者是否有其他解决方案可以更改 Mustache.js 使用的分隔符？

Answer 1

我在 django 中使用了 jquery 的模板。最终我决定最好的方法是：

• 将所有 javascript 放入静态 javascript 文件中，无需任何服务器端处理即可提供它们
• 在 django 模板中提供所有 html 钩子（id 或类），但没有 js。
• 在 js 中使用 'document.ready' 加上 jquery 选择器将标签插入页面并附加事件
• 如果 js 需要数据然后进行 ajax 调用。

我对最后一个软化了，可能会将数据作为 json 块嵌入到 django 模板中，并且可能在模板底部还有一个简短的 js，它只是设置变量/参数来指示 js 如何呈现页面 - 来自服务器端的小线索告诉它该做什么。

因此：

1. 转义字符之间的争用不再是问题
2. 您不必一直问自己“此代码是在服务器上运行还是在客户端上运行”，因为您不会尝试将两者同时写入一个文件中
3. 您的 javascript 代码必须具有更好的结构和可重用性

Answer 2

看起来change Mustache's delimiters 非常容易，尽管我认为应该支持可配置的分隔符。

如果您不能接受，还有很多其他模板库，例如 jquery-tmpl 和 underscore.template。

Answer 3

EJS 是一个非常不错的模板系统。它使用<% %> 标签。

编辑：More templating libs