在块的外部还是内部编写脚本标签?

阿蒂夫·法鲁克(Atif Farooq)

请考虑以下代码。

<!--templates/home.html-->
{% extends 'base.html' %}
{% load static %}

{% block content %}
  {% for post in object_list %}
  <div class = 'post-entry'>
    <h2><a href="{% url 'post_detail' post.pk %}">{{ post.title }}</h2>
      <p>{{ post.body }}</p>
  </div>
  {% endfor %}
  <script type = "text/javascript" src = "{% static 'js/test.js' %}"></script>
{% endblock content %}

<!--templates/home.html-->
{% extends 'base.html' %}
{% load static %}

{% block content %}
  {% for post in object_list %}
  <div class = 'post-entry'>
    <h2><a href="{% url 'post_detail' post.pk %}">{{ post.title }}</h2>
      <p>{{ post.body }}</p>
  </div>
  {% endfor %}
{% endblock content %}
<script type = "text/javascript" src = "{% static 'js/test.js' %}"></script>

第一个成功执行,但是第二个没有成功。是否有必要从Django模板块内部加载外部静态文件,如果没有,那么为什么第二个代码不执行?

PS:我是django的新手。

为了清楚起见,我也在此处提供基本模板的代码。

<!--templates/base.html-->
{% load static %}
<html>
  <head><title>Django Blog</title>
    <link href = "{% static 'css/base.css' %}" rel = "stylesheet">
  </head>
  <body>
    <header><h1><a href = "{% url 'home' %}">Django Blog</a></h1></header>
    <div>
      {% block content %}
      {% endblock content %}
    </div>
  </body>
</html>
威廉·范昂塞姆

第一个成功执行,但是第二个没有成功。是否有必要从Django模板块内部加载外部静态文件,如果没有,那么为什么第二个代码不执行?

如果您覆盖基本模板,那么只能说是“填充块”。Django应该在哪里在块外写东西?在文件的开头?在文件末尾?中间某个地方?

模板继承文档[Django-doc]中所指定

Django模板引擎中最强大(因此也是最复杂)的部分是模板继承。模板继承使您可以构建基本的“骨架”模板,该模板包含站点的所有常见元素并定义子模板可以覆盖的块

但是,您可以定义多个块。例如,通常在最后添加一个块,您可以选择在其中添加一些额外的JavaScript,例如:

<!--templates/base.html-->
{% load static %}
<html>
  <head><title>Django Blog</title>
    <link href="{% static 'css/base.css' %}" rel="stylesheet">
  </head>
  <body>
    <header><h1><a href="{% url 'home' %}">Django Blog</a></h1></header>
    <div>
      {% block content %}
      {% endblock content %}
    </div>
  {% block js %}
  {% endblock %}
  </body>
</html>

因此,您可以<script ...>在页面底部编写该部分,例如:

{% extends 'base.html' %}
{% load static %}

{% block content %}
  {% for post in object_list %}
  <div class='post-entry'>
    <h2><a href="{% url 'post_detail' post.pk %}">{{ post.title }}</h2>
      <p>{{ post.body }}</p>
  </div>
  {% endfor %}
{% endblock %}

{% block js %}
<script type="text/javascript" src="{% static 'js/test.js' %}"></script>
{% endblock %}

您当然可以在{% block ...%} ... %{ endblock %}零件外部定义变量等但是,如果您从基本模板继承,则呈现在外部的所有内容被忽略。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章