模板的继承
在一个网页中,可能会出现几个页面样式几乎不变的情况。
确实是可以在每个html文件中写重复代码,但是,假如说后期运维的话,如果需要在某一处修改数据,那用过这个代码的都得逐一修改,这样的运维成本太高了。
那在Django中就支持创建一个模板,能让html继承的模板。
在templates文件中创建一个叫 layout 的html文档。

然后把重复的代码复制进去,再在后面加一个container,

这里的container可以理解为占位符~
其他页面继承该模板的时候,只需要编写block content的内容就好。
好~
那么现在看一下,继承模板的页面的html要怎么编写?
把原来代码全部清空,写上{% extends 'layout.html' %}

然后再在里面写
{% block content %}
{% endblock %}


模板一般定义为:layout.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="{% static 'plugins/bootstrap-5.3.0-alpha1/css/bootstrap.css' %}">
</head>
<body>
    <h1>标题</h1>
    <div>
        {% block content %}
        {% endblock %}
    </div>
    <h1>底部</h1>
    <script src="./static/js/jquery-3.7.1.min.js"></script>
    <script src="{% static 'plugins/bootstrap-5.3.0-alpha1/js/bootstrap.bundle.min.js' %}"></script>
</body>
</html> 
继承模板:
{% extends 'layout.html' %}
{% block content %}
    <h1>首页</h1>
{% endblock %} 
                

















