【Jinja2】模板继承（八）

今天自洽了吗

已于 2023-03-24 11:01:41 修改

阅读量1.2k

点赞数

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

于 2022-12-05 00:04:59 首次发布

本文链接：https://blog.csdn.net/hold_on_qlc/article/details/128179468

版权

Flask 专栏收录该内容

13 篇文章 20 订阅

订阅专栏

一、模板继承

通过关键字extends来实现

语法格式：{% extends "父模板.html" %}

例如：

定义一个访问父模板和一个访问字模板的路由：

@app.route('/base')
def my_base():
    return render_template("base.html")

@app.route('/child1')
def my_child():
    return render_template("child1.html")

编写名为base.html的父模板中代码：

浏览器访问路由可以看见：

如果想要继承base.html模板，在子模板child1.html中利用关键字extends导入父模板即可：

访问子模板的路由，可以看见显示出了父模板的标题和内容：

二、子模板中内容改写

使用子模板继承父模板时，希望改写部分代码块，可以在父模板和子模板中利用block语法结构来实现。具体使用方法是，父模板和子模板中引入同样的语法结构{% block content %} ...{% endblock %}，content表示这段代码块的名字，可以由我们自己命名，保持父和子模板名字一致即可，比如将他命名为title、body之类的都可以，子模板中，省略号位置可以写入我们希望改写的代码。

示例：

此时，访问子模板路由：

如图所示，已经继承了父模板，并且将标题和内容代码改写了。

三、项目演示

1、入口程序

模板继承.py

from flask import Flask,render_template

app = Flask(__name__)

@app.route('/child1')
def child1():
    return render_template('child1.html')

@app.route('/child2')
def child2():
    return render_template('child2.html')

if __name__ == '__main__':
    app.run()

2、父模板

parent.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="#">新闻</a></li>
</ul>
{% block body %}
{% endblock %}
<footer>这是底部的标签</footer>
</body>
</html>

3、子模板

child1.html

{#通过extends参数实现#}
{% extends "base.html" %}

{% block title %}
我是child1的标题
{% endblock %}

{% block body %}
我是child1的body
{% endblock %}

child2.html

{% extends "base.html" %}

{% block title %}
我是child2的标题
{% endblock %}

{% block body %}
我是child2的body
{% endblock %}

4、启动入口程序，地址栏输入地址

今天自洽了吗

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
【Jinja2】模板继承（八）

使用子模板继承父模板时，希望改写部分代码块，可以在父模板和子模板中利用block语法结构来实现。具体使用方法是，父模板和子模板中引入同样的语法结构{% block content %} ...{% endblock %}，content表示这段代码块的名字，可以由我们自己命名，保持父和子模板名字一致即可，比如将他命名为title、body之类的都可以，子模板中，省略号位置可以写入我们希望改写的代码。
复制链接

扫一扫