javascript - 关于 django/javascript 模式以及如何最好地组织/封装的一般查询

Question

有人警告我，这是主观的，可能会被关闭，但这似乎是一个我尚未解决的基本问题。

我目前正在 Django 中编写 Web 应用程序，并使用一些 JavaScript 来执行此操作。当然，有时我想让我的 JavaAcript 应用程序不知道我的 Django 模板的上下文，所以我一直这样做的方法是将 JS 硬编码到 .html 文件中。

<script>
  var my_var = "{{ my_var_from_context }}"

显然，这非常丑陋，因为它迫使我将 JavaScript 代码保留在 .html 文件中。我想将我的 .js 文件分开并加载它。

显然有一些选择，例如编写一个函数，该函数接受可以在模板中捕获然后传递的参数。

var my_var = "{{ my_django_var }}"
myFunctionFromScript(my_var)

这是最好的方法吗？有更好的模式吗？其他人在做什么？

感谢您的帮助。

-乔

Answer 1

使用 DTL(Django 模板语言)，您几乎可以在 HTML 文件中进行任何通用逻辑编程。

我建议使用下面的方法，因为 django 语法与 Javascript 的对象文字表示法混淆的可能性较小。

var my_var = "{{ my_django_var }}";
//do not forget double quotes above
myFunctionFromScript(my_var);

还可以考虑将代码包装在 {% verbatim %} 和 {% endverbatim %} 标记之间，以阻止 django 解释模板中的任何 JS 代码。