【python】flask模板渲染引擎Jinja2中的模板继承，简化前端模块化开发(1)

最新推荐文章于 2024-05-16 21:41:01 发布

2401_84010804

最新推荐文章于 2024-05-16 21:41:01 发布

阅读量621

点赞数 5

分类专栏：程序员文章标签： python flask 前端

本文链接：https://blog.csdn.net/2401_84010804/article/details/138051224

版权

程序员专栏收录该内容

237 篇文章 0 订阅

订阅专栏

模板继承

为什么要用模板继承

比如博客园网站，点击不同目录，上面和右面页面基本是一样的，这就可以用模板继承方法，不然代码显得很冗余

在这里插入图片描述

在模板中，可能会遇到以下情况：

多个模板具有完全相同的顶部和底部内容
多个模板中具有相同的模板代码内容，但是内容中部分值不一样，弹窗
多个模板中具有完全相同的 html 代码块内容，侧边栏

像遇到这种情况，可以使用 JinJa2 模板中的 模板继承 来进行实现

模板继承是为了重用模板中的公共内容。一般Web开发中，继承主要使用在网站的顶部菜单、底部、弹窗。这些内容可以定义在父模板中，子模板直接继承，而不需要重复书写。

block 标签定义的可重写的内容范围

{% block 区块名称 %} {% endblock 区块名称 %}   #我们最好这样写，因为如果页面中有很多block，不写结束区块名可能会很难分清是哪个区块的结束符

{% block 区块名称 %}  {% endblock %}

例如：顶部菜单

{% block menu %}{% endblock menu %}

block相当于在父模板中挖个坑，当子模板继承父模板时，可以进行对应指定同名区块进行代码填充。
子模板使用 extends 标签声明继承自哪个父模板，一个项目中可以有多个父模板，但每个子模板只能继承一个父模板。
父模板中定义的区块在子模板中被重新定义，在子模板中调用父模板的内容可以使用super()调用父模板声明的区块内容。

模板继承案例分析

视图代码

from flask import Flask, render_template

app = Flask(__name__, template_folder="templates")


@app.route("/")
def index():
    title = "站点首页"
    html = render_template("index9.html", \*\*locals())
    return html

@app.route("/list")
def list():
    title = "商品列表页"
    html = render_template("index10.html", \*\*locals())
    return html

@app.route("/user")
def user():
    title = "用户中心"
    html = render_template("index11.html", \*\*locals())
    return html

if __name__ == '\_\_main\_\_':
    app.run(debug=True)

在这里插入图片描述

父模板代码：

templates/common/base.html

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>{{ title }}</title>
</head>
<body>
      <h1>头部公共内容-[菜单]-登录窗口</h1>
{#      在父模板挖坑，为了能在子模板替换成自己的内容#}
      {% block main %}{% endblock main %}
      {% block menu %}{% endblock menu %}
      {% block footer %}{% endblock footer %}
      {% block window %}{% endblock window %}
</body>
</html>

在这里插入图片描述

子模板代码：

extends指令声明这个模板继承自哪

templates/index9.html，代码：

{% extends "common/base.html" %}

{% block main %}
<h1>站点首页的主要内容！！！</h1>
{% endblock main %}

templates/index10.html，代码：

{% extends "common/base.html" %}

{#在子模板中，根据父模板设置的区块名称，来定义自己的内容#}
{% block main %}
  <h1>商品列表页的商品信息！！！</h1>
{% endblock main %}

templates/index11.html，代码：

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数Python工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Python开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以扫码获取！！！（备注：Python）

的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！**

如果你觉得这些内容对你有帮助，可以扫码获取！！！（备注：Python）

2401_84010804

关注

5
点赞
踩
10

收藏

觉得还不错? 一键收藏
0
评论
【python】flask模板渲染引擎Jinja2中的模板继承，简化前端模块化开发(1)

的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！**
复制链接

扫一扫

专栏目录

【python】flask模板渲染引擎Jinja2中的模板继承，简化前端模块化开发(1)

模板继承

为什么要用模板继承

模板继承案例分析

“相关推荐”对你有帮助么？