Flask基础(14)-->模板代码的复用【宏(Macro)、继承(Block)、包含(include)】

对宏(macro)的理解:

把它看作 Jinja2 中的一个函数,它会返回一个模板或者 HTML 字符串

为了避免反复地编写同样的模板代码,出现代码冗余,可以把他们写成函数以进行重用

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

定义宏

{% macro input(name,value=‘‘,type=‘text‘) %}
    <input type="{{type}}" name="{{name}}"
        value="{{value}}" class="form-control">
{% endmacro %}

调用宏

{{ input(‘name‘ value=‘zs‘)}}

这会输出

<input type="text" name="name" value="zs" class="form-control">

把宏单独抽取出来,封装成html文件,其它模板中导入使用,文件名可以自定义macro.html

{% macro function(type=‘text‘, name=‘‘, value=‘‘) %}
<input type="{{type}}" name="{{name}}"
value="{{value}}" class="form-control">

{% endmacro %}

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

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

代码演练

使用宏之前代码

<form>
    <label>用户名:</label><input type="text" name="username"><br/>
    <label>身份证号:</label><input type="text" name="idcard"><br/>
    <label>密码:</label><input type="password" name="password"><br/>
    <label>确认密码:</label><input type="password" name="password2"><br/>
    <input type="submit" value="注册">
</form>

定义宏

{#定义宏,相当于定义一个函数,在使用的时候直接调用该宏,传入不同的参数就可以了#}
{% macro input(label="", type="text", name="", value="") %}
<label>{{ label }}</label><input type="{{ type }}" name="{{ name }}" value="{{ value }}">
{% endmacro %}

使用宏

<form>
    {{ input("用户名:", name="username") }}<br/>
    {{ input("身份证号:", name="idcard") }}<br/>
    {{ input("密码:", type="password", name="password") }}<br/>
    {{ input("确认密码:", type="password", name="password2") }}<br/>
    {{ input(type="submit", value="注册") }}
</form>

模板继承

模板继承是为了重用模板中的公共内容。一般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嵌套时,阅读性更好。

包含

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/888888CN/p/9483464.html

时间: 2024-08-14 08:24:51

Flask基础(14)-->模板代码的复用【宏(Macro)、继承(Block)、包含(include)】的相关文章

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

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

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

3.5 宏.继承.包含 类似于python中的函数,宏的作用就是在模板中重复利用代码,避免代码冗余. Jinja2支持宏,还可以导入宏,需要在多处重复使用的模板代码片段可以写入单独的文件,再包含在所有模板中,以避免重复. 定义宏 {% macro input() %} <input type="text" name="username" value="" size="30"/> {% endmacro %} 调用宏

Flask基础(二)---模板渲染中的过滤器定义

Flask中模板渲染中过滤器的定义: from flask import Flask,render_template app = Flask(__name__) @app.route("/") def index(): return render_template("temp-demo2.html") # 方式一 # 自定义过滤器函数,命名不能与内置过滤器重名,不然会覆盖 # 自定义列表切片过滤器 def li_setup2(li): # 按照步长为2进行模板切片

freemarker实现通用布局的模板拆分与复用

原文:http://www.hawu.me/coding/733 一.基础页面布局 假设我们项目页面的通用布局如下图所示: 实现这样的布局的基本html代码如下: XHTML 1 2 3 4 5 6 7 8 9 10 11 12 13 14 <html> <head> </head> <body> <div style="width: 700px; text-align:center; font-size:30px;"> &l

程序语言基础 8.14课堂代码

1.判断一个5位数是不是回文数! #include <stdio.h> void main() { int num,ge,shi,qian,wan; printf("请输入一个5位数:"); scanf("%d",&num); ge = num % 10; shi = num / 10 % 10; qian = num / 1000 % 10; wan = num / 10000; (ge == wan && shi == qia

【C++】泛型编程基础:模板通识

测试环境: Target: x86_64-linux-gnu gcc version 5.3.1 20160413 (Ubuntu 5.3.1-14ubuntu2.1) 什么是泛型编程?为什么C++会有模板?这一切的一切都要从如何编写一个通用的加法函数说起. 很久很久以前 有一个人要编写一个通用的加法函数,他想到了这么几种方法: 使用函数重载,针对每个所需相同行为的不同类型重新实现它 int Add(const int &_iLeft, const int &_iRight) { retu

Flask最强攻略 - 跟DragonFire学Flask - 第四篇 Flask 中的模板语言 Jinja2 及 render_template 的深度用法

是时候开始写个前端了,Flask中默认的模板语言是Jinja2 现在我们来一步一步的学习一下 Jinja2 捎带手把 render_template 中留下的疑问解决一下 首先我们要在后端定义几个字符串,用于传递到前端 STUDENT = {'name': 'Old', 'age': 38, 'gender': '中'}, STUDENT_LIST = [ {'name': 'Old', 'age': 38, 'gender': '中'}, {'name': 'Boy', 'age': 73,

第四篇 Flask 中的模板语言 Jinja2 及 render_template 的深度用法

是时候开始写个前端了,Flask中默认的模板语言是Jinja2 现在我们来一步一步的学习一下 Jinja2 捎带手把 render_template 中留下的疑问解决一下 首先我们要在后端定义几个字符串,用于传递到前端 STUDENT = {'name': 'Old', 'age': 38, 'gender': '中'}, STUDENT_LIST = [ {'name': 'Old', 'age': 38, 'gender': '中'}, {'name': 'Boy', 'age': 73,

Flask中的模板语言Jinja2及render_template

Flask中默认的模板语言是Jinja2 在学习Jinja2前render_template中留下的问题解决 1.首先我们要在后端定义几个字符串,用于传递到前端 STUDENT = {'name': 'Old', 'age': 38, 'gender': '中'} STUDENT_LIST = [ {'name': 'wahaha', 'age': 18, 'gender': '男'}, {'name': 'heihei', 'age':50, 'gender': '中'}, {'name':