Flask之模板之宏、继承、包含

3.5 宏、继承、包含

类似于python中的函数,宏的作用就是在模板中重复利用代码,避免代码冗余。

Jinja2支持宏,还可以导入宏,需要在多处重复使用的模板代码片段可以写入单独的文件,再包含在所有模板中,以避免重复。

定义宏

{% macro input() %}
  <input type="text"
         name="username"
         value=""
         size="30"/>
{% endmacro %}

调用宏

{{ input() }}

定义带参数的宏

{% macro input(name,value=‘‘,type=‘text‘,size=20) %}
    <input type="{{ type }}"
           name="{{ name }}"
           value="{{ value }}"
           size="{{ size }}"/>
{% endmacro %}

调用宏,并传递参数

{{ input(value=‘name‘,type=‘password‘,size=40)}}

把宏单独抽取出来,封装成html文件,其它模板中导入使用

文件名可以自定义macro.html

{% macro function() %}

    <input type="text" name="username" placeholde="Username">
    <input type="password" name="password" placeholde="Password">
    <input type="submit">
{% endmacro %}

在其它模板文件中先导入,再调用

{% import ‘macro.html‘ as func %}
{% func.function() %}

模板继承:

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

{% block top %}``{% endblock %}标签定义的内容,相当于在父模板中挖个坑,当子模板继承父模板时,可以进行填充。

子模板使用extends指令声明这个模板继承自哪?父模板中定义的块在子模板中被重新定义,在子模板中调用父模板的内容可以使用super()。

父模板:base.html

  {% block top %}
    顶部菜单
  {% endblock top %}

  {% block content %}
  {% endblock content %}

  {% block bottom %}
    底部
  {% endblock bottom %}

子模板:

  {% extends ‘base.html‘ %}
  {% block content %}
   需要填充的内容
  {% endblock content %}
  • 模板继承使用时注意点:

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

包含(Include)

Jinja2模板中,除了宏和继承,还支持一种代码重用的功能,叫包含(Include)。它的功能是将另一个模板整个加载到当前模板中,并直接渲染。

示例:

include的使用

{\% include ‘hello.html‘ %}

包含在使用时,如果包含的模板文件不存在时,程序会抛出TemplateNotFound异常,可以加上ignore missing关键字。如果包含的模板文件不存在,会忽略这条include语句。

示例:

include的使用加上关键字ignore missing

{\% include ‘hello.html‘ ignore missing %}

  • 宏、继承、包含:

    • 宏(Macro)、继承(Block)、包含(include)均能实现代码的复用。
    • 继承(Block)的本质是代码替换,一般用来实现多个页面中重复不变的区域。
    • 宏(Macro)的功能类似函数,可以传入参数,需要定义、调用。
    • 包含(include)是直接将目标模板文件整个渲染出来。

原文地址:https://www.cnblogs.com/alexzhang92/p/9545571.html

时间: 2024-07-30 17:39:35

Flask之模板之宏、继承、包含的相关文章

模板代码的复用: 宏 继承 包含

当多个模板具有相同的顶部/底部内容/部分内容时,可以使用这三者来实现 宏是一个函数, 返回一个模板或者html字符串 定义宏 {% macro input(name,value='',type='text') %} <input type="{{type}}" name="{{name}}" value="{{value}}" class="form-control"> {% endmacro %} 调用宏 {{

flask的模板

flask用的是jinja2的模板 模板其实是一个包含响应文本的文件,其中用占位符(变量)表示动态部分,告诉模板引擎其具体的值需要从使用的数据中获取 使用真实值替换变量,再返回最终得到的字符串,这个过程称为"渲染" Flask是使用 Jinja2 这个模板引擎来渲染模板 使用模板的好处: 视图函数只负责业务逻辑和数据处理(业务逻辑方面) 而模板则取到视图函数的数据结果进行展示(视图展示方面) 代码结构清晰,耦合度低 Jinja2 两个概念: Jinja2:是 Python 下一个被广泛

flask渲染模板时报错TypeError: &#39;UnboundField&#39; object is not callable

渲染模板时,访问页面提示TypeError: 'UnboundField' object is not callable 检查代码,发现实例化表单类是,没有加括号:form = NewNoteForm,加了括号后就解决了form = NewNoteForm() @app.route('/index')def index(): form = NewNoteForm notes = Note.query.all() return render_template('index.html', notes

Flask 的模板渲染

Flask 的模板渲染 from flask import Flask,render_template,Markup app = Flask(__name__) app.debug = True USERS = { 1:{'name':'张三','age':18,'gender':'男','text':"道路千万条"}, 2:{'name':'李四','age':28,'gender':'男','text':"安全第一条"}, 3:{'name':'王五','age

Flask(五)flash在模板中使用继承,模板的模板

Project name :Flask_Plan templates:templates static:static 继续上一篇文章. 我们不希望每个页面都写一遍引入js,css,导航条------ 那么我们使用模板继承的方法. 首先修改templates/plan.html 为 templates/base.base 再创建一个plan.html {% extends 'base.html' %} 代码真的只有这一行,别找了. 重新访问我们的页面. 你会发现和没改之前一样. 这个时候模板pla

【Flask模板】宏的概念和基本使用

# 宏:模板中的宏跟python中的函数类似,可以传递参数,但是不能有返回值,可以将一些经常用到的代码片段放到宏中,然后把一些不固定的值抽取出来当成一个变量.使用宏的时候,参数可以为默认值.相关示例代码如下: 1 1. 定义宏: 2 ```html 3 {% macro input(name, value='', type='text') %} 4 <input type="{{ type }}" name="{{ name }}" value="{

(10) PHP 随笔---Smarty模板引擎 布局/继承使用

◇为了使得许多页面的‘头部’和‘脚部’开发维护方便,我们制作一个布局页面,其他具体业务页面来填充该‘布局’页面. ◇可以分为‘上’‘中’‘下’的布局,‘上’就是‘头部’,下就是‘尾部’,‘中’用来写业务逻辑.维护起来很方便.  ◇可以先创建一个布局文件‘layout.html’,放在./templates文件夹中,代码如下: 1 <div>头部信息</div> 2 {block name="main"} 3 {/block} 4 <div>尾部信息&

Flask之 模板渲染

from flask import Flask, request from flask import render_template app = Flask(__name__) app.debug=True @app.route('/hello/') @app.route('/hello/<name>') def hello(name=None): return render_template('hello.html', name=name) @app.route('/login', meth

轻松学习JavaScript十三:JavaScript基于面向对象之继承(包含面向对象继承机制)

一面相对象继承机制 今天算是什么都没干,尽在了解面向对象三大特性之一的继承了,过去的学习的C++和C#都是正统的面向对象语 言,学习的时候也没有怎么深入了解过,只是简单的学习最基础的继承.下午在看继承机制的时候,看到一个很经典 的继承机制实例.这个实例使用UML很好的解释了继承机制. 说明继承机制最简单的方式是,利用一个经典的例子就是几何形状.实际上,几何形状只有两种,即椭圆形(是圆 形的)和多边形(具有一定数量的边).圆是椭圆的一种,它只有一个焦点.三角形.矩形和五边形都是多边形的一种, 具有