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

Question

我被警告说，这是主观的，可能是关闭，但似乎是一个基本的问题，我没有看到解决

我目前正在用Django编写webapps，并使用一点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 %} and {% endverbatim %}标记之间包装代码，以阻止django解释模板中的任何JS代码