Flask框架模板继承实现方法分析


Posted in Python onJuly 31, 2019

本文实例讲述了Flask框架模板继承实现方法。分享给大家供大家参考,具体如下:

在模板中,可能会遇到以下情况:

  • 多个模板具有完全相同的顶部和底部内容
  • 多个模板中具有相同的模板代码内容,但是内容中部分值不一样
  • 多个模板中具有完全相同的 html 代码块内容

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

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

  • 标签定义的内容
{% block top %} {% endblock %}
  • 相当于在父模板中挖个坑,当子模板继承父模板时,可以进行填充。
  • 子模板使用 extends 指令声明这个模板继承自哪个模板
  • 父模板中定义的块在子模板中被重新定义,在子模板中调用父模板的内容可以使用super()

父模板代码:

base.html

{% block top %}
 顶部菜单
{% endblock top %}
{% block content %}
{% endblock content %}
{% block bottom %}
 底部
{% endblock bottom %}

子模板代码:

  • extends指令声明这个模板继承自哪
{% extends 'base.html' %}
{% block content %}
 需要填充的内容
{% endblock content %}

模板继承使用时注意点:

  • 不支持多继承
  • 为了便于阅读,在子模板中使用extends时,尽量写在模板的第一行。
  • 不能在一个模板文件中定义多个相同名字的block标签。
  • 当在页面中使用多个block标签时,建议给结束标签起个名字,当多个block嵌套时,阅读性更好。

希望本文所述对大家基于flask框架的Python程序设计有所帮助。

Python 相关文章推荐
Python中实现字符串类型与字典类型相互转换的方法
Aug 18 Python
python获取文件后缀名及批量更新目录下文件后缀名的方法
Nov 11 Python
在Python中使用元类的教程
Apr 28 Python
在Mac OS上使用mod_wsgi连接Python与Apache服务器
Dec 24 Python
Python实现的递归神经网络简单示例
Aug 11 Python
13个最常用的Python深度学习库介绍
Oct 28 Python
简单易懂Pytorch实战实例VGG深度网络
Aug 27 Python
tensorflow实现残差网络方式(mnist数据集)
May 26 Python
Python reques接口测试框架实现代码
Jul 28 Python
Django怎么在admin后台注册数据库表
Nov 14 Python
Python标准库之typing的用法(类型标注)
Jun 02 Python
Python爬虫 简单介绍一下Xpath及使用
Apr 26 Python
Flask框架模板渲染操作简单示例
Jul 31 #Python
opencv导入头文件时报错#include的解决方法
Jul 31 #Python
python Matplotlib底图中鼠标滑过显示隐藏内容的实例代码
Jul 31 #Python
Django上使用数据可视化利器Bokeh解析
Jul 31 #Python
Flask框架单例模式实现方法详解
Jul 31 #Python
pycharm配置当鼠标悬停时快速提示方法参数
Jul 31 #Python
详细介绍Python进度条tqdm的使用
Jul 31 #Python
You might like
分享ThinkPHP3.2中关联查询解决思路
2015/09/20 PHP
PHP 搜索查询功能实现
2016/11/29 PHP
详解Yii实现分页的两种方法
2017/01/14 PHP
centos7上编译安装php7以php-fpm方式连接apache
2018/11/08 PHP
js中cookie的使用详细分析
2008/05/28 Javascript
实现变速回到顶部的JavaScript代码
2011/05/09 Javascript
页面装载js及性能分析方法介绍
2014/03/21 Javascript
鼠标移到图片上变大显示而不是放大镜效果
2014/06/15 Javascript
nodejs批量修改文件编码格式
2015/01/22 NodeJs
JQuery插件ajaxfileupload.js异步上传文件实例
2015/05/19 Javascript
JavaScript中的Math.SQRT1_2属性使用简介
2015/06/14 Javascript
Javascript基础知识盲点总结之函数
2016/05/15 Javascript
Jquery和JS获取ul中li标签的实现方法
2016/06/02 Javascript
点击页面任何位置隐藏div的实现方法
2016/09/05 Javascript
json定义及jquery操作json的方法
2016/09/29 Javascript
实例浅析js的this
2016/12/11 Javascript
Javascript ES6中数据类型Symbol的使用详解
2017/05/02 Javascript
vue 注册组件的使用详解
2018/05/05 Javascript
elementUI中Table表格问题的解决方法
2018/12/04 Javascript
详解mpvue中使用vant时需要注意的onChange事件的坑
2019/05/16 Javascript
微信小程序 网络通信实现详解
2019/07/23 Javascript
node.js中stream流中可读流和可写流的实现与使用方法实例分析
2020/02/13 Javascript
vue实现简单的登录弹出框
2020/10/26 Javascript
[01:11:35]Liquid vs LGD 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
跟老齐学Python之从格式化表达式到方法
2014/09/28 Python
Python 模板引擎的注入问题分析
2017/01/01 Python
Python+Turtle动态绘制一棵树实例分享
2018/01/16 Python
Python给定一个句子倒序输出单词以及字母的方法
2018/12/20 Python
Django框架安装及项目创建过程解析
2020/09/14 Python
美国滑雪和滑雪板商店:Buckman
2018/03/03 全球购物
大班幼儿评语大全
2014/04/30 职场文书
在职证明书模板
2015/06/15 职场文书
2016秋季校长开学典礼致辞
2015/11/26 职场文书
go语言中GOPATH GOROOT的作用和设置方式
2021/05/05 Golang
一篇文章搞懂python混乱的切换操作与优雅的推导式
2021/08/23 Python
Spring Boot优化后启动速度快到飞起技巧示例
2022/07/23 Java/Android