Jinja2模板继承

最新推荐文章于 2024-07-14 21:02:13 发布
最新推荐文章于 2024-07-14 21:02:13 发布
阅读量143 收藏
点赞数
分类专栏： Flask框架 文章标签： flask
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_54382779/article/details/132433486
版权

Jinja2模板继承

一个网站中，大部分网页的模块是重复的，比如顶部的导航栏，底部的备案信息。如果在每个页面中都重复的去写这些代码，会让项目变得臃肿，提高后期维护成本。比较好的做法是，通过模板继承，把一些重复性的代码写在父模板中，子模板继承父模板后，再分别实现自己页面的代码。

#父模板
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>这是父模板</title>
</head>
<body>
我是父模板的文字
</body>
</html>

#子模板
{% extends "base.html" %}

@app.route("/child1")
def child1:
    render_template("chilld.html")

image-20230822145456422

对于子模版我们需要添加或者修改的地方，我们就再父模板中定义成block，然后在子模板调用即可

#父模板
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{% block title %} {% endblock %}</title>
</head>
<body>
我是父模板的文字
{% block body %} {% endblock %}
</body>
</html>

#子模板
{% extends "base.html" %}

{% block title %}
我是子模板的标题
{% endblock %}

{% block body %}
我是子模板的文字
{% endblock %}

image-20230822181152112

endblock %}


[外链图片转存中...(img-Hf2zfERs-1692699342175)]
九五二七#
关注
专栏目录
JinJia2 继承和 include 块
CSDN全栈领域优秀博主，阿里云博客专家，工信部权威认证物联网技术开发工程师，曾30分钟高分通过C语言二级，两天手撸代码完成EasyX飞机大战，靠接软件私活一个月换苹果电脑
08-07 623
在父模板中，你可以使用标签来定义可被子模板覆盖的区域。</</</</</</</</</首先，你需要有一个模板片段，它可能包含一些 HTML、Jinja2 逻辑等。
【python】flask模板渲染引擎Jinja2中的模板继承，简化前端模块化开发
景天科技苑
03-28 6777
多个模板具有完全相同的顶部和底部内容。 多个模板中具有相同的模板代码内容，但是内容中部分值不一样，弹窗。 多个模板中具有完全相同的 html 代码块内容，侧边栏。 像遇到这种情况，可以使用 JinJa2 模板中的 模板继承来进行实现。 大大缩减了冗余代码，实现相同效果。
jinjia2 模板继承
weixin_42601134的博客
12-27 338
jinja2 模板继承是指在一个模板中定义基础模板，然后在其他模板中继承基础模板，并在其上进行扩展。这样做可以让我们在多个模板之间复用代码，提高工作效率。 要在 jinja2 中使用模板继承，需要在基础模板中使用 {% extends %} 标签，并指定要继承的模板的名称。然后在继承模板中，可以使用 {% block %} 标签来扩展基础模板中的内容。 例如，假设我们有一个基础模板 base.ht...
jinja2-模板的继承
weixin_44737646的博客
02-17 413
为什么需要模板继承? 模板继承可以把一些公用的代码单独抽取出来放到一个父模板中, 以后子模板直接继承即可。有利于代码的修改和代码的共用 子模板继承语法 使用extends语句, 来指明继承的父模板。父模板的路径，就是相对于templates文件夹下的绝对路径 {% extends “父模板” %} 注意点: 子模板中的代码, 第一行必须是{% extends “父模板” %} 子模板使...
【Jinja2】模板继承（八）
hold_on_qlc的博客
12-05 1304
使用子模板继承父模板时，希望改写部分代码块，可以在父模板和子模板中利用block语法结构来实现。具体使用方法是，父模板和子模板中引入同样的语法结构{% block content %} ...{% endblock %}，content表示这段代码块的名字，可以由我们自己命名，保持父和子模板名字一致即可，比如将他命名为title、body之类的都可以，子模板中，省略号位置可以写入我们希望改写的代码。
【Flask】Jinja2之模板继承
python全栈
02-09 1046
一般我们的网站虽然页面多，但是很多部分是重用的，比如页首，页脚，导航栏之类的。对于每个页面，都要写这些代码，很麻烦。 Flask的Jinja2模板支持模板继承功能，省去了这些重复代码。 块和继承 案例 父模板 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>父模板</title> </head> <body&gt
flask框架jinja2模板与模板继承实例分析
01-20
本文实例讲述了flask框架jinja2模板与模板继承。分享给大家供大家参考，具体如下： jinja2模板 from werkzeug.contrib.cache import SimpleCache from flask import Flask, request, render_template,redirect,...
Jinja2模板继承高级技巧：深入理解继承与覆盖机制
Jinja2是Python中最流行的模板引擎之一，其模板继承机制允许开发者创建可维护和可扩展的Web模板。通过继承，可以在多个模板之间共享通用的元素，如头部、导航栏、页脚等，同时允许子模板自定义或重写特定部分。这种...
Jinja2模板继承：打造可复用代码块的10分钟快速教程
![Jinja2模板继承：打造可复用代码块的10分钟快速教程]...本章节将对Jinja2模板继承进行简要概述，为后续深入探讨其基础语法和高级技巧打
【Flask】学习笔记 #12 —— JinJa2模板继承与引入
MoShyoKi的博客
09-15 205
JinJa2模板的继承与引用
Flask jinja2模板继承
weixin_44415561的博客
06-06 302
为什么需要模版继承： 模版继承可以把一些公用的代码单独抽取出来放到一个父模板中。以后子模板直接继承就可以使用了。这样可以重复性的代码，并且以后修改起来也比较方便。 模版继承语法： 使用extends语句，来指明继承的父模板。父模板的路径，也是相对于templates文件夹下的绝对路径。示例代码如下： {% extends "base.html" %}。 block语法： 一般在父模版中，定义一些公共的代码。子模板可能要根据具体的需求实现不同的代码。这时候父模版就应该有能力提供一个接口，让父模板来实现。从而实
Flask 学习系列（四）---Jinjia2 模板继承
doj94201的博客
11-05 117
1.基模板 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>基模板</title> <style type="text/css"> /* DIVCSS5-C...
Jinja2模板与模板继承
weixin_43250623的博客
05-30 3122
Jinja2 两个概念： Jinja2：是 Python 下一个被广泛应用的模板引擎，是由Python实现的模板语言，他的设计思想来源于 Django 的模板引擎，并扩展了其语法和一系列强大的功能，其是Flask内置的模板语言。 模板语言：是一种被设计来自动生成文档的简单文本格式，在模板语言中，一般都会把一些变量传给模板，替换模板的特定位置上预先定义好的占位变量名。 渲染模版函数 Flask...
Jinja2----------模板继承、加载静态文件
要银河 不要迎合
03-05 967
以上父模板中，编写好了网页的整体结构，并且把所有子模板都需要用到的样式文件base.css也提前引用好了。然后针对子模板需要重写的地方，则定义成了block，比如以上定义了title、head、body、footer这几个block，子模板在继承了父模板后，重写对应block的代码，即可完成子模板的渲染。一个网站中，大部分网页的模块是重复的，比如顶部的导航栏，底部的备案信息。比较好的做法是，通过模板继承，把一些重复性的代码写在父模板中，子模板继承父模板后，再分别实现自己页面的代码。我们首先来看一个父模板。
Python Flask，Jinja2模板，模板继承，模板包含
houyanhua1的专栏
12-31 842
  模板继承与Django中的模板继承一样。 参考：https://blog.csdn.net/houyanhua1/article/details/85004048   templates/base.html（模板，父模板）： {% block top %} 顶部菜单(子模板可以使用父模板中的默认内容,也可以重写) {% endblock top %} {% bl...
jinja2模板系统-模板的继承-基础模板-腾讯新闻模板
汪雯琦的博客
12-17 343
jinja2模板系统-模板的继承-基础模板-腾讯新闻模板 看到腾讯新闻没多文章都是一样的版式，题目会有一个模板 咱们也写一个框架模板出来 导航区域 主体区域 边栏区域 内容区先不写，每一个页面都不一样 以上是导航栏和边框，我们加一些样式 内容区的处理（主要） 页面主体样式。以后不用写导航栏和边栏了 新建立页面 子页面 继承 继承用extends 导入base页面 填充某一...
Flask(jinja2)——模块继承
小陈从不熬夜
07-14 588
Jinja 中最强大的部分就是模板继承。模板继承允许你构建一个包含你站点共同元素的基本模板“骨架”，并定义子模板可以覆盖的块。
假设你正在使用 Flask 和 Jinja2 模板系统开发一个 web 应用，你需要创建多个页面，这些页面具有相似的头部和尾部（例如，导航栏和页脚），但每个页面的主要内容区域不同。请描述如何使用 Jinja2 模板继承功能来实现这个需求，并简述这样做的好处。
最新发布
10-13
在Flask应用中，Jinja2模板继承是一个强大的工具，它允许你定义一个基础模板（通常称为布局模板或父模板），然后让其他模板（被称为子模板）继承这个基础模板。这样，你只需要在一个地方更改共享部分如头部和尾部，改动就会自动反映到所有继承了该布局的页面上。 首先，创建一个基础模板（例如`base.html`）： ```html <!-- base.html --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>{{ title }}</title> </head> <body> <!-- 这里包含头部和尾部，比如导航栏和页脚 --> <header> {% block header %}{% endblock %} </header> <main> {{ content }} </main> <footer> {% block footer %}这是一般的页脚{% endblock %} </footer> </body> </html> ``` 然后，在你的各个子模板（如`index.html`, `about.html`等）中，通过`extends 'base.html'`声明继承基础模板： ```html <!-- index.html --> {% extends 'base.html' %} {% block title %}首页{% endblock %} {% block content %} <h1>这是首页的内容</h1> {% endblock %} ``` 在`about.html`中类似地继承并替换`content`块： ```html <!-- about.html --> {% extends 'base.html' %} {% block title %}关于{% endblock %} {% block content %} <p>这里是关于我们页面的内容</p> {% endblock %} ``` 这样做的好处有： 1. **复用和维护**：只需修改一次基础模板，所有依赖它的页面就立即更新。 2. **灵活性**：可以方便地添加、移除或改变特定页面的部分，而不会影响其他页面。 3. **组织结构清晰**：模板结构更易于理解和管理，特别是随着项目规模的扩大。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值