python Flask框架学习——模板继承

最新推荐文章于 2023-08-27 13:25:53 发布

程序员陈_明勇

最新推荐文章于 2023-08-27 13:25:53 发布

阅读量419

点赞数 2

分类专栏： python-flask框架学习文章标签： html python flask 模板继承

本文链接：https://blog.csdn.net/weixin_44604586/article/details/109160227

版权

python-flask框架学习专栏收录该内容

16 篇文章 0 订阅

订阅专栏

模板继承

Flask中的模板可以继承，通过继承可以把模板中许多重复出现的元素抽取出来，放在父模板中，并且父模板通过定义block给子模板开一个口，子模板根据需求，通过block对原有内容进行修改

应用

创建父类模板base.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="base.css" />
    <title>{% block title%}父类{% endblock %}</title>
    {% block head %}{% endblock %}
</head>
<body>
    <div id="body">{% block body%}{% endblock %}</div>
    <div id="footer">{% block footer%}&copy; Copyright 2008 by<a href="#">空链接</a>{% endblock %}</div>
</body>
</html>

父模板中，抽取了所有模板都需要用到的元素html、body等，并且对于一些所有模板都要用到的样式文件style.css也进行了抽取，同时对于一些子模板需要重写的地方，比如title、head、body都定义成了block`，然后子模板可以根据自己的需求，再具体的实现

创建子类ex1.html继承父类

<!--添加新内容-->
<p>子类添加的新内容</p>

<!--继承父类-->
{% extends 'base.html' %}

<!--修改title内容-->
{% block title %}
    子类
{% endblock %}
<!--修改body内容-->
{% block body %}
    <p>子类覆盖body的新内容</p>
{% endblock %}

<!--使用super()函数继承父类的内容并添加新内容-->
{% block footer %}
    {{super()}}
    <p>地址:太阳系地球村  邮编xxxxxx</p>
{% endblock %}

在写{% extends 'base.html' %}语句之前可以自由添加新的非继承的内容
子模板内容必须写在父模板定义的接口中，写在接口外面的内容不会被渲染

程序员陈_明勇

关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
打赏
1
评论
python Flask框架学习——模板继承

模板继承Flask中的模板可以继承，通过继承可以把模板中许多重复出现的元素抽取出来，放在父模板中，并且父模板通过定义block给子模板开一个口，子模板根据需求，通过block对原有内容进行修改应用创建父类模板base.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link rel="stylesheet" href="base.css" /&
复制链接

扫一扫