Flask学习之旅——2.6 模板继承

最新推荐文章于 2024-04-22 00:33:11 发布

未来程序猿小吕

最新推荐文章于 2024-04-22 00:33:11 发布

阅读量1.1k

点赞数

分类专栏： Flask 文章标签： flask python 后端

本文链接：https://blog.csdn.net/weixin_44186593/article/details/121940221

版权

Flask 专栏收录该内容

13 篇文章 3 订阅

订阅专栏

Flask学习之旅——2.6 模板继承

前言

本文为《知了传课——模版继承》的学习笔记。
原文地址：第八节：模板继承 - Python框架Flask基础教程 - 知了传课 (zlkt.net)

模板继承

什么是模板继承？

模板继承相当于在模板里创建一个基础的骨架，里面存储网站中常用的元素，如网页的头部与尾部，通过模板继承就可以省去每个页面都要重新编写头部和尾部的麻烦了。

模板继承的实现

首先创建一个父模板，并且父模板通过定义block给子模板开一个口，子模板根据需要，再实现这个block
然后在子模板中，通过{% extends "xxx.html" %}的语句继承父模板，实现一些功能。
具体实现如下面栗子所示：

栗子

假如现在定义了一个名字为base.html的父模板，代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{%  block title %}{% endblock %}</title>
</head>
<body>
    <ul>
        <li><a href="/" >首页</a></li>
        <li><a href="/conttol" >控制</a></li>
        <li><a href="/about" >关于我们</a></li>
    </ul>
{% block body %}{% endblock %}
<footer style="background-color: pink">底部</footer>
</body>
</html>

然后我们在子模板里通过{% extends "base.html" %}的语句继承父模板，代码如下：

about.html

{% extends "base.html" %}

{% block title %}关于我{% endblock %}
{% block body %}
    {% set  username = '小吕' %}
    <p>全局：{{ username }}</p>
    {% with username = '局部小吕' %}
        <p>局部：{{ username }}</p>
    {% endwith %}
    <p>全局：{{ username }}</p>
{% endblock %}

显示结果

结论

在上面的栗子中，子模板通过继承父模板，将父模板上的头部和尾部都显示了出来。
另外，模板中不能出现重名的block，如果一个地方需要用到另外一个block中的内容，可以使用self.blockname的方式进行引用，如

父模板
```
<title>
    {% block title %}
        这是标题
    {% endblock %}
</title>
```
子模板
```
<h1>{{ self.title() }}</h1>
```
在子模板中，所有的文本标签和代码都要添加到从父模板中继承的block中。否则，这些文本和标签将不会被渲染。

未来程序猿小吕

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
Flask学习之旅——2.6 模板继承

Flask学习之旅——2.6 模板继承前言本文为《知了传课——模版继承》的学习笔记。原文地址：第八节：模板继承 - Python框架Flask基础教程 - 知了传课 (zlkt.net)模板继承什么是模板继承？模板继承相当于在模板里创建一个基础的骨架，里面存储网站中常用的元素，如网页的头部与尾部，通过模板继承就可以省去每个页面都要重新编写头部和尾部的麻烦了。模板继承的实现首先创建一个父模板，并且父模板通过定义block给子模板开一个口，子模板根据需要，再实现这个block然后在子模板
复制链接

扫一扫