Django 模板继承

1.什么是继承

Django模版引擎中最强大也是最复杂的部分就是模版继承了。模版继承可以让您创建一个基本的“骨架”模版，它包含您站点中的全部元素，并且可以定义能够被子模版覆盖的 blocks 。

2.通过从下面这个例子开始，可以容易的理解模版继承：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="jquery-3.1.1.js"></script>
    <title>Title</title>
    <style>
        * {
            margin: 0;
            padding: 0
        }
        .nav{
            line-height: 40px;
            width: 100%;
            background-color: #2459a2;
            color: white;
            font-size: 20px;
            text-align: center;
        }

        .left{
            width: 20%;
            min-height: 600px;
            overflow: auto;
            background-color: lightgrey;

        }

        .manage{
            text-align: center;
            padding: 20px 0px;
            margin: 20px 0;
            font-size: 18px;

        }

        .left,.content{
            float: left;
        }
        .content{

            width: 70%;
            min-height: 600px;

        }
        a{
            text-decoration: none;
        }
        h1,h2{
            text-align: center;
        }
    </style>
</head>
<body>

<div class="outer">
    <div class="nav">标题</div>

    <div class="left">
         <div class="student manage"><a href="/student/">学生管理</a></div>
         <div class="teacher manage"><a href="">老师管理</a></div>
         <div class="course manage"><a href="">课程管理</a></div>
         <div class="classes manage"><a href="">班里管理</a></div>
    </div>

    <div class="content">
          {% block  content%}             #挖一个坑   坑名为 content
             <h1>WELCOME TO LOGIN</h1>
        {% endblock %}
    </div>
</div>

</body>
</html>

这个模版，我们把它叫作 base.html，它定义了一个简单HTML骨架。“子模版”的工作是用它们的内容填充空的block。

在这个例子中， block 标签定义了可以被子模版内容填充的block。 block 告诉模版引擎：子模版可能会覆盖掉模版中的这些位置。

子模版可能看起来是这样的

{% extends "base.html" %}     <!-继承来自于 base.html的html文件->
{% block content %}             <!-为content的坑填写一些代码->

    <h1>飞天神猫</h1>
 {% endblock %}

3.使用继承的时候的一些提示：

如果你在模版中使用 {% extends %} 标签，它必须是模版中的第一个标签。其他的任何情况下，模版继承都将无法工作。
在base模版中设置越多的 {% block %} 标签越好。请记住，子模版不必定义全部父模版中的blocks，所以，你可以在大多数blocks中填充合理的默认内容，然后，只定义你需要的那一个。多一点钩子总比少一点好。
如果你发现你自己在大量的模版中复制内容，那可能意味着你应该把内容移动到父模版中的一个 {% block %} 中。