如何管理django模板中的javascript模块?

我发布这个问题已经有一段时间了。我一直在做的是:

1. 编写所需的javascript部分作为静态服务的库
2. 使用服务器端的值从模板调用静态库中的例程

约束需要以这样一种方式编写:它只充当客户端脚本;不要试图在服务JS时从服务器注入值。最后,我发现在HTML模板中严格地应用服务器端变量不那么容易混淆。

这样我就能:

1. 将HTML标记上的javascript选择器保留在同一个文件(即模板)中。
2. 完全避免模板
3. 在不同的地方重复使用每个javascript库,以及
4. 将CSS/JS/HTML片段保存在所有希望找到它们的地方

这并不完美,但它让我过得很快,直到一个更整洁的想法出现。

例如,“media/js/alertlib.js”中的JS库可能包括:

function click_alert(selector, msg){ 
    $(selector).click(function(){ alert(msg) })
}

模板有:

<script type="text/javascript" src="media/js/alertlib.js"></script>
<script type="text/javascript">
    click_alert('#clickme', {% message %})
</script>

<div id='clickme'>Click Me</div>

如果一个以上的页面使用一个给定的JS文件,您应该考虑将它们连接在一起并缩小结果。这样可以减少网络连接,从而提高整体页面加载时间。别忘了把你的过期时间延长到至少一两周。

看一看 Django Sekizai 就是为了这个目的而创造的。

我认为你将很难把这四个部分放在一起,然后迅速地应用它们——仅仅是因为有些部分出现在你的 <head> 标签和其他 <body> 标签。

所做的是确保为我的 base.html (以及我的基本CSS文件)…然后,我有块标签 {% block css %} 和 {% block js %} . 继承的模板 基.html 文件可以提供自己的javascript和css(并且只提供所需的东西)。

我创建了一些模板标记,用于创建Ajax函数,其输出基于所显示的对象(例如,包括 object_id )--这就减少了重新编码。

有一件事我没试过,但我感兴趣的是 django-compress .