模板的继承

发表于 | 分类于 ，
字数统计: 257 字

模板的继承主要好处就是将重复出现的代码加载在父模板中,后续的子模版直接继承可以简化页面布局.

父模板:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>
        {% block title %}
            {# 这是标题 #}
        {% endblock %}
    </title>
    {% block extCSS %}
        {# 这是样式表 #}
    {% endblock %}
</head>
<body>
{% block top %}
    {# 这是网页头部  #}
{% endblock %}
{% block content %}
    {# 这是网页内容 #}
{% endblock %}
{% block bottom %}
    {# 这是网页底部 #}
{% endblock %}
{% block extJS %}
    {# 这是js #}
{% endblock %}
</body>
</html>

子模版:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
{% extends 'base.html' %}

    {% block title %}

    {% endblock %}

    {% block extCSS %}
    {% endblock %}

{% block content %}

{% endblock %}

{% block extJS %}
{% endblock %}

模板的继承需要注意的是:

  1. 子模版继承父模板后,子模版原先的内容就不会显示,只能继承或者重写父模板中的block模块.

  2. 子模版会继承父模板所有的block模块,如果不进行重写就会显示父模板block中的内容.