Html 如何在我的模板中包含脚本？

Question

我有一个问题要问你。

我正在尝试创建一个文件 js，其中包含我在我的 html 页面中的所有图表。结构如下：

___base.html
___scripts.html
___conto_economico.html
___charts.html

在我的 base.html 中，我以下列方式包含了 scripts.html：

{% block javascript %}
{% include 'adminlte/lib/_scripts.html' %}
{% endblock %}

在我的 scripts.html 中，我包含了所有脚本，还有 charts.js 文件

{% load static %}

{% block scripts %}
<script src="{% static 'admin-lte/plugins/jquery/jquery.min.js' %}"></script>
<script src="{% static 'admin-lte/plugins/jquery-ui/jquery-ui.min.js' %}"></script>
<script src="{% static 'admin-lte/plugins/chart.js/Chart.min.js' %}"></script>
<script src="{% static 'charts/charts.js' %}"></script>

{% endblock %}

最后，在 conto_economico.html 中，我扩展了我的基础并以下列方式包含 scripts.html：

{% extends 'adminlte/base.html' %}
{% load static %}
{% block content %}
{% include 'adminlte/lib/_scripts.html' %}
.....
<canvas class=" w-100 " id="chart"  height="180" ></canvas>
......
{% endblock content %}

但我的“图表”没有上传到我的页面。哪里出错了？

编辑

我的设置stati文件如下：

STATIC_URL = '/static/'

STATIC_ROOT= [
    os.path.join(BASE_DIR, 'static'),
]

在我的我有两个静态文件夹：

1. my_project/static中的第一个
2. v_env\Lib\site-packages\adminlte3\static 中的第二个是我的 base.html 文件和脚本文件的位置。

可能是这个问题吗？

Answer 1

您的 base.html 和 _scripts.html 在同一个文件夹中。就这样吧：

{% include '_scripts.html' %}