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 %}
中。