Flask中的自定义过滤器、自定义模版

最新推荐文章于 2024-06-26 22:12:12 发布
最新推荐文章于 2024-06-26 22:12:12 发布
阅读量278 收藏 1
点赞数
文章标签： python flask
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45294285/article/details/114184628
版权

Flask中的过滤器、模版

说明

本文主要讲解Flask中的过滤器的自定义以及模版的自定义

一、过滤器

过滤器的本质是函数，有时候我们不仅仅只是需要输出变量的值，我们还需要修改变量的显示，甚至格式化、运算等等，而在模板中是不能直接调用 Python 中的某些方法，那么这就用到了过滤器。

（一）、flask中自带的过滤器

html中变量的引用：{{ 变量 }}
过滤器的是用方式：{{ 变量 ｜ 过滤器 }}

字符串中的过滤器
length   	获取长度
safe		禁止转译，当传递的参数为html页面时使用
capitalize	英文的首字母转大写
lower		将所有的字母转为小写
upper		将所有的字母转为大写
title		将英文中的每个单词的首字母转为大写
reverse		将字符串转为倒序
列表中的过滤器：
first		获取列表中的第一个元素
last		获取列表的最后一个参数
sum			求和
sort		排序
{{ 变量.0 }}		取出列表中下标为0的元素
字典的过滤器：
{{ 字典.values() }}		取出字典中所有的value
{{ 字典.keys() }}		取出字典中所有的key

html中的循环

for循环格式：
{% for 条件 %}...{% endfor %}

if单分支循环格式：
{% if 条件 %}...{% endif %}

if双分支循环格式：
{% if 条件 %}...{% elif 条件 %}....{% endif %}

过滤器使用示例：
app1.py

from flask import Flask, render_template
import settings

app = Flask(__name__)
app.config.from_object(settings)		# 加载配置文件，这里需要先创建一个settings.py文件，中间定义相关的配置

@app.route('/show1')					# 定义路由为show1
def show1():							# 创建视图函数
    girls = ['宋轶', '孙艺珍', '刘亦菲', '林允儿', '金喜善']		# 创建一个列表
    users = [
        {"username": "test1", "password": "123456", "addr": "深圳", "phone": "12345678900"},
        {"username": "test2", "password": "123457", "addr": "上海", "phone": "12345678901"},
        {"username": "test3", "password": "123458", "addr": "武汉", "phone": "12345678902"},
        {"username": "test4", "password": "123459", "addr": "北京", "phone": "12345678903"},
        {"username": "test5", "password": "123450", "addr": "上海", "phone": "12345678904"}
    ]
    msg = '<h1>hello world</h1>'			# 创建一个html页面
    n1 = "hello"							# 普通字符
    return render_template("show1.html",girls=girls,users=users, msg=msg, n1=n1)
    # 使用render_template加载html文件，并传递参数格式（加载文件名，html中变量=当前变量...)这里定义的是什么变量，在html引用的就是什么变量
    # render_template默认加载的templates中的html文件，创建一个flask项目中会有这个文件夹

if __name__ == '__main__':
    app.run()			# 默认使用的是5000端口

show1.html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>过滤器的使用</title>
</head>
<body>
<!--

-->
{{ girls.append('zhangsan') }}    在列表中添加一个元素
{{ girls }}
<br>
当前用户共: {{ girls | length }} 人
<br>
字符串的过滤器：
<br>
{{ msg | safe }}            禁用转译，使标签能够被html解读
<br>
{{ n1 | capitalize }}       首字母大写
<br>
{{ "HELLo" | lower }}       将所有字母转换为小写
<br>
{{ "hello" | upper }}       将所以字母转换为大写
<br>
{{ "this is python" | title }}  英文中每个单词首字母大写
<br>
{{ "this is python" | reverse }}    将字符串倒过来
<br>
列表中过滤器：
<br>
{{ girls | first }}     获取第一个值
<br>
{{ girls | last }}      获取最后一个值
<br>
{{ girls | length }}    获取长度
<br>
{{ [1, 3,4 ,7,2,5] | sum }} ------求和
<br>
{{ [1, 3,4 ,7,2,5] | sort }} ---- 排序
<br>
字典中的过滤器：
<br>
<p>
    {{ users.0 }}    ----  取出列表中下标为0的元素
    <br>
    取出字典的value值：
    <br>
    {% for i in users.0.values() %}
        <p>{{ i }}</p>
    {% endfor %}
    <br style="background-color: #9C1A1C">
    循环取出字典中key对应的vlaue：
    <br>
    {% for k,v in users.0.items() %}
        <p>{{ k }}---{{ v }}</p>
    {% endfor %}
</p>
</body>
</html>

创建setttings.py文件

ENV = "development"      # 定义环境
DEBUG = True             # 定义debug状态，修改代码后会自动重新加载代码

执行app1.py，然后在浏览器中访问

http://127.0.0.1:5000/show1
（二）、自定义过滤器

创建自定义过滤器有两中方法，一种是使用函数，一种是使用装饰器，不管是使用函数还是使用装饰器，都需要创建一个函数
app2.py

from flask import Flask, render_template

import settings

app = Flask(__name__)
app.config.from_object(settings)

@app.route('/')
def index1():
    msg = "hello world, hello world"
    li = [6, 5, 4, 3, 2, 1]
    return render_template('index.html', msg=msg, li=li)      # 传参到html文件中，在html中调用变量和装饰器

def re_hello(value):    # 第一种，使用函数，自定义过滤器，这里是替换hello为fuck的过滤器
    print('------' + value + '---------')
    a = value.replace('hello', 'fuck')
    print('------' + a + '---------')
    return a            # 必须要返回替换的结果

app.add_template_filter(re_hello, "hello")      # 创建过滤器名字，过滤器名字为hello

# 第二种方式：装饰器,制作一个将列表倒序的过滤器
@app.template_filter('test_list')   # 创建过滤器名字为test_list
def reverse_list(li):           # 创建过滤器函数
    temp_li = list(li)
    temp_li.reverse()
    return temp_li              # 返回值

if __name__ == '__main__':
    app.run()

在templates文件夹中创建一个index.html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>自定义过滤器</title>
</head>
<body>
{{ msg }}			{# 引用传入的变量msg #}
<hr>
{{ msg | hello }}	{# 使用自定义过滤器hello #}
<hr>
{{ li }}
<hr>
{{ li | test_list }}	{# 使用自定义过滤器test_list #}
</body>
</html>

而后关掉app1.py，执行app2.py，在浏览器访问

http://127.0.0.1:5000/

总结：
过滤器的本质就是函数：
1、通过flask模块中的add_template_filter方法
a、定义一个函数、必须要待带参数和返回值
b、添加过滤器 app.add_template_filter(过滤器函数名, ‘过滤器名’)， 在过滤器函数下面
c、在模版中调用过滤器 {{ 变量｜ 自定义过滤器名 }}
2、使用装饰器完成
a、定义一个函数，带参和返回值
b、通过装饰器定义过滤器名 @app.add_template_filter(‘过滤器名’)，在过滤器函数上面
c、在模版中调用过滤器 {{ 变量｜ 自定义过滤器名 }}

二、模版

模版是为减少代码的冗余，将能够复用的代码创建为模版。
模版的复用主要分为三种方式：模版继承、include、宏
使用场景

模版继承使用场景：
    1、多个模版具有完全相同的顶部和底部
    2、多个模版具有相同的模版内容，但是内容中部分不同
    3、多个模版具有完全相同的模版内容
    
include使用场景
在a、b、c页面共同部分，但是其他页面没有这部分，这个时候可以使用include
    1、定义一个公共的模版部分xxxx.html
    2、使用include调用公共模版,{% include 'xxxx.html' %}
    
宏：macro（就是一个函数）
	1、把它看作jinja2的一个函数，这个函数可以返回一个html字符串
	2、避免重复定义相同代码，代码可复用，避免代码的冗余
（一）、模版继承

模版继承需要先创建一个父模版，然后子模版可以继承父模版中的所有属性和标签
父模版: base.html，在父模版中需要自定以的地方，需要使用

{% block 模版名 %} 代码块 {% endblock %}

定义一个模版名，相当于占位，以便于子模版在继承父模版能够自定义一些内容
在子模版中继承父模版使用

{% extends '父模版文件名' %}
{% block title %}

base.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{% block title %}
        测试
    {% endblock %}
    </title>
<!--通过style定义样式,样式的名称是与div中的id一样的-->
<style>
    #head{
        height: 80px;
        color: #444444;
        background-color: aqua;
    }
    #head ul {
        list-style: none;
        height: 50px;
    }
    #head li {
        float: left;
        width: 100px;
        text-align: center;
        font-size: 18px;
        height: 50px;
        line-height: 50px;
    }
    #zj{
        height: 900px;
        background-color: chartreuse;

    }
    #dibu{
        height: 50px;
        line-height: 50px;
        background-color: #9C1A1C;
    }
</style>
    {% block mycss %}    {# 创建模版，模版名为mycss #}
    {% endblock %}
</head>
<body>
<div id="head">
    <ul>
        <li>首页</li>
        <li>秒杀</li>
        <li>超市</li>
        <li>会员</li>
        <li>游客</li>
    </ul>
    </div>
<div id="zj">
    {% block zj %}
        <!--这里是定义一个按钮-->
        <button id="btn">我是中间部分</button>
    {% endblock %}
    <ul>
        <li>中间</li>
    </ul>
</div>

<div id="dibu"> <!--通过div定义底部标签-->
    <ul>
        <li>底部</li>
    </ul>
</div>
{% block myjs %}
    <!--在html中预留模版的位置，为后续子页面继承的时候能够自定义-->
{% endblock %}
</body>
</html>

子模版文件，在子模版中自定义模版时，模版名需要与父模版中的模版名一致
index2.html

{% extends 'base.html' %}
{% block title %}   <!--这里是通过extends继承父html中的内容-->
    首页
{% endblock %}
{% block mycss %}        <!--自定义mycss模版-->
<style>
    #head{
        background-color: #9C1A1C;
    }
    #zj{}
    .div1{
        width: 24%;
        height: 500px;
        float: left;
        border: 1px solid red;
    }
    .div2{
        width: 24%;
        height: 500px;
        float: left;
        border: 1px solid darkblue;
    }
    .div3{
        width: 24%;
        height: 500px;
        float: left;
        border: 1px solid saddlebrown;
    }
    .div4{
        width: 24%;
        height: 500px;
        float: left;
        border: 1px solid #3B666B;
    }
</style>
    <!---link rel="stylesheet" href="../static/css/styple.css"  也可以这样写,对于外部的样式通过以下的方式进行添加，
    如js脚本、css样式，图片，都可以通过这种方式进行添加-->
    <link rel="stylesheet" href="{{ url_for('static', filename='css/styple.css') }}">
{% endblock %}
{% block myjs %}
<script>
    btn = document.getElementById('btn')
    btn.onclick=function(){
        alert('别点我!')
    }
</script>
{% endblock %}

{% block zj %}
    <div class="div1" id="d1">进入百度</div>
    <div class="div2" id="d2">xxxx</div>
    <div class="div3" id="d3">eee</div>
    <img src="{{ url_for('static', filename='imge/u.jpg') }}" alt="">
    <!--加载图片-->
{% endblock %}
（二）、include

include模版调用格式：
{% include ‘模版文件’ %}
首先创建一个模版文件
headers.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>头部</title>
</head>
<body>
<div style="height: 50px;background-color: #A5D6D9">
</div>
</body>
</html>

也可以以下，include的原理是将引用的模版文件整个加载到当前文件中

<div style="height: 50px;background-color: #A5D6D9">

通过include调用模版
welcome.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>欢迎页面</title>
</head>
<body>
{% include 'headers.html' %}
<div style="background-color: #444444;height: 100px"></div>
</body>
</html>

创建app3.py文件

from flask import Flask, render_template

import settings


app = Flask(__name__)
app.config.from_object(settings)
@app.route('/base')
def load_base():        # 定义一个父模版，模版在html文件中定义
    return render_template('base.html')
#
@app.route('/')
def index():
    return render_template('index2.html')

@app.route('/welcome')
def welcome():
    return render_template('welcome.html')

if __name__ == '__main__':
    app.run()
（三）、宏
房东为什么不退押金
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
flask--自定义auth模块
weixin_30256505的博客
01-12 155
auth模块 在程序运行开始进行验证等操作, 原理:在调用auth模块时,会先进行auth的构造方法,所以在init方法里面,就可以执行. 1,auth模块, class Auth(object): def __init__(self, app=None): self.app = app # if app: ...
flask之 自定义模板过滤器
yuaicsdn的博客
10-19 425
flask自定义模板过滤器 文章目录flask自定义模板过滤器@app.template_filter('过滤器名字') @app.template_filter(‘过滤器名字’) flask 中用@app.template_filter(‘name’)来自定义名字为name的过滤器。 然后在该视图函数下定义函数来指定该过滤器的功能即可 如下面的案例为返回博文发表时间（如在朋友圈，微博等）形如’ xxx小时之前 ’ 在py文件中自定义过滤器 我定义的过滤器名称为handle_time；功能是根据发布时间和当
【PythonWeb开发】Flask自定义模板路径和静态资源路径
最新发布
qq_39780701的博客
06-26 492
自定义模板路径和静态资源路径
Flask 自定义模型类
DevOps海洋的渔夫@专栏
01-08 1094
自定义模型类 本篇章介绍Flask自定义模型类的概念，以及写一个快速入门的示例，基本内容如下： 定义两个模型类，并创建数据库表 创建数据，写入数据库 编写模板以及视图函数，在页面展示数据 定义模型 模型表示程序使用的数据实体，在Flask-SQLAlchemy中，模型一般是Python类，继承自db.Model，db是SQLAlchemy类的实例，代表程序使用的数据库。 类中的...
自定义Flask项目组织框架
也无风雨也无晴
10-21 189
自定义Flask项目组织框架 不同于大多数其他的 Web 框架，Flask 并不强制要求大型项目使用特定的组织方式，程序结构的组织方式完全由开发者决定。在此我记录一种使用包和模块组织大型程序的方式。 框架一览 重要文件说明 文件说明顺序为目录由上至下。 蓝图文件（apps\index\init.py） from flask import Blueprint index_bp = Blueprint('index', __name__， template_folder=='index') #
闪亮的星星Flash 一闪一闪亮晶晶.rar
07-10
Flash8引入了一些新特性，如增强的绘图工具、过滤器和混合模式，以及ActionScript 2.0的支持，这使得开发者能够实现更复杂的脚本编程和动画控制。 在"描述"中提到，这个压缩包包含的FLA文件是Flash的源文件格式，它...
Adobe Flash Build 4.6中文帮助文档
03-31
概要分析器工作原理和过滤器的使用，使得开发者能够更加精确地分析应用程序的内存使用情况和CPU使用效率，帮助开发者对应用程序进行优化。 单元测试是保证应用程序质量的重要环节。Flash Builder中的FlexUnit测试...
14c-angular-flashCards-3
06-01
在本项目"14c-angular-flashCards-3"中，我们深入探讨了AngularJS的一些核心概念，特别是关于模块化、视图动态加载以及自定义过滤器和组件的使用。AngularJS是一个强大的JavaScript框架，用于构建单页应用程序（SPA...
flash官方文档中文版
04-10
Jinja2支持变量嵌入、条件语句、循环结构以及自定义过滤器和宏，大大提高了HTML模板的可复用性和灵活性。 4. **静态文件**：Flask默认处理静态文件，如CSS、JavaScript和图片。通过`/static`目录，我们可以方便地...
Flask入门篇（七）模板和自定义过滤器
xiaoxin_OK的博客
08-08 1098
from flask import Flask, render_template app = Flask(__name__) """模板使用""" @app.route("/index") def index(): data = { "age": 18, "city_dict": {"city1":"putian", "city2":"fuzhou"}, "num_list": [1, 2, 3, 4, 5] } # rende
flask路由分模块管理、自定义flask_restful响应格式
你华还是你华
05-14 934
一、flask路由分模块管理 1.1、使用蓝图 1.2、使用flask_restful 二、自定义flask_restful响应格式
flask中模板变量和自定义全局模板变量函数
weixin_42289273的博客
05-09 1052
1. views.py代码 from flask import Flask, render_template, Markup app = Flask(import_name=__name__) app.config.from_object("settings.DevelopmentConfig") @app.template_global() def g_template(a, b): """ 全局模板变量函数 :param a: :param b: :re
Python + Flask程序调试技巧（2）：导入自定义模块失败
数据饕餮
07-09 950
一、问题描述 当导入字定义模块文件：model/rtindex中自定义的函数：pay_sum_query()时，提示："unresolved reference"。具体现象如下图所示： 二、解决办法 三、后记 好记性，不如烂笔头。随遇随记，以备查询。 ...
Flask 模板标签语言的使用
qalangtao的博客-qalangtao.com
01-19 157
在使用 Flask 和 Jinja2 渲染模板时，需要先在 Flask 应用中配置 Jinja2 模板引擎，然后在视图函数中使用 render_template() 方法渲染模板。4.在 template 文件夹下创建 index.html 文件，使用 Jinja2 语法渲染参数。Flask 是一个 Python 的 Web 框架，Jinja2 是 Flask 所用的模板引擎。这些标签可以结合使用来生成动态的 HTML 页面。
flask自定义过滤器，flash，form表单
qq_41056152的博客
10-31 442
1.自定义过滤器 自定义的过滤器，过滤器本质上是一个函数，当自带的过滤器不满住要求的时候,我要进行重写 过滤器注册有两种方式 1.app.add_template_filter(自定义过滤器的名字,‘被引用时的名字’) 2.@app.template_filter(‘被引用时的名字’) def my_reverse(value): print('自定义的过滤器') value_la...
Flask 模板--模板标签
AAIT11的博客
06-05 349
flask 模板 2. 模板语法 2.1 模板标签 2.1.1语法 1.{% tag %} 2. {% tag %} 内容 {% endtag %} 2.1.2 标签中可包含表达式 1. 条件表达式 语法 {% if condition_a %} 满足了A条件 {% elif condition_b %} 满足了B条件 {% else %} 都不满足 {% endif %} . if 标签中的is判断 {% if value is defined %} {% endif %} 内置的
Flask-HelloWorld-03 模板变量和模板标签
我自倾怀，君且随意
04-29 2005
#coding=gbk ''' 三步走： 1、确定工作目录 2、访问路由 3、运行开发服务器 ''' #导入Flask类 from flask import Flask,render_template #生成该类的一个实例 app = Flask(__name__) #调用app的路由方法 @app.route('/') def index(): #r
FlashBuilder 4.6 中文使用指南
此外，还介绍了概要分析器的过滤器功能，以帮助用户更精确地定位性能问题。 **第7章: FlashBuilder中的Unit测试工具** 本章介绍了FlexUnit测试框架在FlashBuilder中的集成，展示了如何创建FlexUnit测试用例，运行和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值