时间戳

首页 > 解决方案 > Html 如何在我的模板中包含脚本？

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

问题描述

我有一个问题问你。

我正在尝试创建一个文件 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 文件和脚本文件。

可能是这个问题吗？

标签： javascripthtmldjangotypescriptdjango-templates

解决方案

您的 base.html 和 _scripts.html 在同一个文件夹中。做就是了：

{% include '_scripts.html' %}

推荐阅读