- 模板继承可以减少页面内容的重复定义,实现页面内容的重用
- 典型应用:网站的头部、尾部是一样的,这些内容可以定义在父模板中,子模板不需要重复定义
- block标签:在父模板中预留区域,在子模板中填充
- extends继承:继承,写在模板文件的第一行
- 定义父模板base.html
父模板
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>{% block title1 %}父模板标题{% endblock %}</title> #{%block name%}{%endblock%} </head> <body> <h2>{% block title2 %}父模板标题{% endblock %}</h2> <p> {% block mycontent %} 预留内容区域 {% endblock %} </p> </body> </html>
子模版
{% extends "myapp/base.html" %} {%block title1%}子模板{%endblock%} {% block mycontent %}子模版填充内容{% endblock %} #需要改变的内容直接修改block的内容即可