Flask学习系列7.4—jinja模板继承

一.模块继承是为了相同的内容不用重复引用,可以将相同的部分写在父模板(基础模板)中,子模板去继承它。
main.py文件中

@admin_blue.route('/test')
def test():
    return render_template('son.html' )

在基础模板中使用block关键字定义了三个区域。
注意:也需要闭合

base.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    {% block one %}
        <div>这是第一块区域</div>
    {% endblock %}

    {% block two %}
        <div>这是第二块区域</div>
    {% endblock %}

    {% block three %}
        <div>这是第三块区域</div>
    {% endblock %}

</body>
</html>

子模板继承时值需要有跟基础模板中不同的代码,可以将head.body标签全删掉。
extends表示继承某个文件,继承哪一块就用写在相同的区域名中。

{% extends 'base.html' %}

{% block two %}
<h1>我是子模板</h1>#son.html中原有的
{% endblock %}

浏览器运行结果
在这里插入图片描述
注意:子文件只是取代了第二个区域的内容,所以‘这是第二块区域’没被显示出来。如果要继承第二块区域的内容,需要使用super关键字。
代码

{% extends 'base.html' %}

{% block two %}
    {{ super() }}
<h1>我是子模板</h1>
{% endblock %}

这样第二块区域的内容就被显示出来了。
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_44517681/article/details/86511180