- 模板继承可以减少页面内容的重复定义,实现页面内容的重用
- 典型应用:网站的头部、尾部是一样的,这些内容可以定义在父模板中,子模板不需要重复定义
- block标签:在父模板中预留区域,在子模板中填充
- extends继承:继承,写在模板文件的第一行
- 定义父模板base.html
步骤:
1. 把公共的HTML部分提取到一个base.html中,构建一个基本的HTML“骨架”
2. 在母板中,通过定义block块,告诉模块引擎子模块可以覆盖母板的哪些部分。
3. 在子模板的首行使用{% extend 'base.html' %}指定继承自哪个母板
4. 在子模板中使用和母板中相同的block,来覆盖母板中指定的位置
代码:
<!DOCTYPE html> <html lang="en"> <head> <link rel="stylesheet" href="style.css" /> <title>{% block title %}My amazing site{% endblock %}</title> </head> <body> <div id="sidebar"> {% block sidebar %} <ul> <li><a href="/">Home</a></li> <li><a href="/blog/">Blog</a></li> </ul> {% endblock %} </div> <div id="content"> {% block content %}{% endblock %} </div> </body> </html>