• 模板继承可以减少页面内容的重复定义,实现页面内容的重用
  • 典型应用:网站的头部、尾部是一样的,这些内容可以定义在父模板中,子模板不需要重复定义
  • 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>
母板

相关文章:

  • 2021-06-29
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-04-29
  • 2022-02-10
  • 2022-12-23
猜你喜欢
  • 2021-08-15
  • 2021-10-19
  • 2021-10-09
  • 2022-12-23
  • 2022-01-03
  • 2021-11-03
  • 2021-09-01
相关资源
相似解决方案