模板继承

模板继承和类的继承含义是一样的，主要是为了提高代码重用，减轻开发人员的工作量
典型应用：网站的头部、尾部信息

父模板

如果发现一段代码在多个模板中出现，那就应该把这段代码内容定义到父模板中
父模板中也可以使用上下文中传递过来的数据
父模板定义在templates文件目录下
block标签：用于在父模板中预留区域，留给子模板填充差异性的内容
- 可以给预留区域定义名字，但多个预留区域名字不能相同
- 为了更好的可读性，建议给endblock标签写上名字，这个名字与对应的block标签名字相同

{% block 名称 %}
预留区域，可以编写默认内容，也可以没有默认内容
{% endblock 名称 %}

子模板

子模板定义在templates/应用文件目录下
extends标签：继承，写在子模板文件的第一行
子模版不用填充父模版中的所有预留区域，如果子模版没有填充，则使用父模版定义的默认值
填充父模板中指定名称的预留区域

{% block 名称 %}
实际填充内容
{{ block.super }} 用于获取父模板中block的内容，也可以不获取
{% endblock 名称 %}

模板继承演练

定义父子模板文件目录
父模板

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>父模板</title>
</head>
<body>

{% block top %}
<h1>这是网页头部</h1>
{% endblock top %}

{% block content1 %}
<div>这是个牛逼的网站</div>
{% endblock content1 %}

{% block content2 %}
{#预留区域#}
{% endblock content2 %}

{% block bottom %}
<h1>这是网页尾部</h1>
{% endblock bottom %}

</body>
</html>

正则匹配urls

  # 模板继承
  url(r'^jicheng/$', views.jicheng),

视图

  # 模板继承
  def jicheng(request):
      # 获取数据库书籍列表信息
      bookInfos = BookInfo.objects.all()
      # 构造上下文
      context = {'booklist': bookInfos}
      return render(request, 'Book/jicheng.html', context)

子模板

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>子模板</title>
</head>
<body>

{#继承父模板#}
{% extends 'base.html' %}

{% block content2 %}
<ul>
    {% for book in booklist %}
        <li>{{ book.name }}</li>
    {% endfor %}
</ul>
{% endblock content2 %}

</body>
</html>

注意点

1.父模板定义在templates文件目录下
2.子模板定义在templates/应用文件目录下
3.子模版继承父模板之后，本身原有的内容是不起作用的
4.父模板不能把上下文传给子模板，只继承内容不继承上下文