Flask中jinja2的继承实现方法及实例
作者：小妮浅浅 发布时间：2022-09-24 12:31:09
标签：Flask,jinja2,继承
在继承的使用上，我们最早接触的是父类和子类的继承。不过Flask框架中的继承要简单一些，只要有一个原文件，便可以对其进行继承和修改的操作了。在修改的内容方面，可以通过关键字来进行实现。下面我们就Flask中jinja2的继承的实现先进行理论的介绍，然后带来实例供大家练习。
1、说明
Jinja2中最强大的部分是模板继承。通过模板继承，我们可以创建一个基本(框架)文件，其他文件可以从中继承，然后再根据需要对其进行修改。
在jinja2的框架文件中，使用block关键字表示它包含的内容可以被修改。
2、实例
<!DOCTYPE html>
<html>
<head>
{％ block head ％}
<link rel="stylesheet" href="style.css" rel="external nofollow" />
<title>{％ block title ％}{％ endblock ％} - My Webpage</title>
{％ endblock ％}
</head>
<body>
<div id="content">{％ block content ％}{％ endblock ％}</div>
<div id="footer">
{％ block footer ％}
<script>This is javascript code </script>
{％ endblock ％}
</div>
</body>
</html>
这里定义了四处 block，即：head，title，content，footer。那怎么进行继承和变量替换呢？注意看下面的文件
{％ extend "base.html" ％} # 继承base.html文件
{％ block title ％} Dachenzi {％ endblock ％} # 定制title部分的内容
{％ block head ％}
{
{ super() }} # 用于获取原有的信息
<style type='text/css'>
.important { color: #FFFFFF }
</style>
{％ endblock ％}
# 其他不修改的原封不同的继承
实例扩展：
jinja2模板继承
父亲：
<!DOCTYPE html>
<html>
<head>
<title>模板继承</title>
</head>
<body>
<span>这是基模板</span>
<div id="content">{％ block content ％}{％ endblock ％}</div>
</body>
</html>
用{％ block content ％}{％ endblock ％}包含jinja2的字模板块；
子：
<!DOCTYPE html>
<html>
<head>
<title>模板继承</title>
</head>
<body>
{％ extend "jinja2_模板继承.html"％}
{％ block content ％}
<p class="importtant">我在子模板</p>
</body>
</html>
{％ extends "jinja2_模板继承.html"％}标签是这里的关键，告诉模板引擎这个模板继承自另外一个模板。该标签必须是子模板的第一个标签，解释器会自动将父亲的内容复制到子模板中！
结果应该是这样：
<!DOCTYPE html>
<html>
<head>
<title>模板继承</title>
</head>
<body>
<span>这是基模板</span>
<div id="content">
<p class="importtant">我在子模板</p>
</div>
</body>
</html>
来源：https://www.py.cn/kuangjia/flask/27210.html
0
投稿猜你喜欢
- 记录一下PHP连接MySQL的两种方式。先mock一下数据，可以执行一下sql。/*创建数据库*/CREATE DATABASE IF NO
- 昨天在得写“RSS收藏”栏目展现的时候我让RSS的列表用弹出的形式展现了，开始是直接的控制 style.display 来做的，但是感觉有点
在遥感应用中，我们经常需要对某一景遥感影像中的全部像元的像素值进行平均值求取——这一操作很好实现，基- few-shot learning的采样Few-shot learning 基于任务对模型进行训练，在N-way-K-shot中，一个任务中
- 我就废话不多说了，大家还是直接看代码吧！import socketimport sysimport timeimport structHOS
- <html xmlns="http://www.w3.org/1999/xhtml"><head>
- 前言在《设计模式》一书中工厂模式提到了：工厂方法模式（Factory Method）抽象工厂模式 （Abstract Factory）但是在
- 给定单向链表的头指针和一个要删除的节点的值，定义一个函数删除该节点。返回删除后的链表的头节点。示例 1:输入: head = [4,5,1,
- 1.filecmp比较文件filecmp模块提供了一些函数和一个类来比较文件系统上的文件和目录。1.1 示例数据使用下面代码创建一组测试文件
- Flask-RESTful是一个用于快速创建RESTful API接口的Flask扩展。使用Flask-RESTful可以很快速方便地创建一
- 首先贴出四种方法适用范围比较：注释：Excel 2003 即XLS文件有大小限制即65536行256列，所以不支持大文件。而Excel 20
- 一、前言最近趁空闲之余，在对MySQL数据库进行插入数据测试，对于如何快速插入数据的操作无从下手，在仅1W数据量的情况下，竟花费接近47s，
- 目标在本章中，将了解：如何生成OpenCV-Python bindings如何将新的OpenCV模块扩展到PythonOpenCV-Pyth
- mysql中全连接full join...on...用法大部分开发者可能会困惑，为什么我的sql语句怎么写都是错的。很简单因为full jo
- 一、三种数据文件的读取二、csv、tsv、txt 文件读取1）CSV文件读取：语法格式：pandas.read_csv(文件路径)CSV文件
- 大名鼎鼎的FCKeditor终于在最近发布新版本了，与增加版本号不同，这次完全把它改名了，更名为CKeditor。这应该是和它的开发公司CK
- Navicat数据存放位置和备份数据库路径设置navicat的数据库存放位置在什么地方？带着这样的疑问，我们去解决问题，navicat是默认
- 这样的问题是因为 数据库字符集,表字符集,字段字符集都设为：gbk_chinese_ci 注意数据库连接串里面的 Stmt=Set Name
- 之前跟一些小伙伴有个讨论：大概就是很多跟数据打交道的朋友都面对过很复杂的excel公式，有时嵌套层数特别多，肉眼观看很容易蒙圈。有了这样的需
- 在 Python 中，我们可以使用基本的索引操作来获取数组中的元素。然而，有时候我们需要获取一个数组的子数组，也就是只获取数组中的一部分元素
