javascript - 如何在 Django 中组织 JS 文件？-6ren

javascript - 如何在 Django 中组织 JS 文件？

转载作者：数据小太阳更新时间：2023-10-29 04:30:53

我目前正在使用一个 Django 项目，我包含不同的库 JS 并创建 JS 文件来管理其他库，但我不知道每个 html 页面的 JS 文件的正确组织，例如，我有基本模板中的“Main.js”和“Milk.js”，但我不想在同一个基本模板中使用这两个文件，我希望每个页面都有单独的文件..

我尝试添加为普通的 js 文件

<script src="{{ STATIC_URL }}js/milk.js"></script>

但是当从 base.html 继承时，它向我显示一条错误消息，询问我几个依赖项

希望得到你的帮助

已编辑:

Cuando he añadido en mis archivos de plantillas，sin mostrarme error en la consola de cromo pero en la consola django mostrarme los archivos JS de carga con 304 error。

库在 base.html 中

这很奇怪，当我从 home.html 单击时我可以加载 milk.js 但是当我单击其他页面时，例如从“Milk.html”单击“cow.html”时即使我做了同样的事情也没有加载 js 文件作为“milk.html”。

最佳答案

Django 模板引擎已经提供了一个用于继承您的 HTML 结构的标记，称为“扩展”。

Tag "extends" is a using for extends a parent template.

{% extends "base.html" %} uses the literal value "base.html" as the name of the parent template to extend.

base.html 是可扩展的父模板。

{% load staticfiles %}
<html lang="en">
    <head><title>Hello World</title></head>
    <body>
        <div id="content">
            {% block content %}{% endblock %}
        </div>

        {% block scripts %}
        <script src="{% static 'js/main.js' %}"></script>
        {% endblock %}
 
    </body>
</html>

并且您有另一个名为 milk.html 的 HTML，您需要与 base.html 相同的所有内容，但包括 milk.js 您只需执行类似的操作即可。

{% load staticfiles %}
{% extends "base.html" %}

{% block scripts %}
    <!-- block.super will get the content of the block from the parent template -->
    {{ block.super }}
    <script src="{% static 'js/milk.js' %}"></script>
{% endblock %}

阅读有关文档的更多信息[1]:[1]:https://docs.djangoproject.com/en/dev/ref/templates/builtins/#std:templatetag-extends

关于javascript - 如何在 Django 中组织 JS 文件？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34586259/