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

最新推荐文章于 2020-06-29 23:28:48 发布

小菜鸟的baba

最新推荐文章于 2020-06-29 23:28:48 发布

阅读量162

点赞数 2

本文链接：https://blog.csdn.net/weixin_44517681/article/details/86511180

版权

一.模块继承是为了相同的内容不用重复引用，可以将相同的部分写在父模板(基础模板)中，子模板去继承它。
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 %}

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

小菜鸟的baba

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Flask学习系列7.4—jinja模板继承

一.模块继承是为了相同的内容不用重复引用，可以将相同的部分写在父模板(基础模板)中，子模板去继承它。main.py文件中@admin_blue.route('/test')def test(): return render_template('son.html' )在基础模板中使用block关键字定义了三个区域。注意：也需要闭合base.html&lt;!DOCTYPE h...
复制链接

扫一扫