简单的数据集体添加样式输出用管道过滤，除了flask模块以外不需要导其他的包

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>filter过滤器的学习</title>

</head>

<body>

    safe 过滤器可以禁用转义

    {{ '<strong>hello</strong>' | safe}}<br>

    把大写字母转换成小写

    {{ 'HELLO' | lower}}<br>

    把小写字母转换成大写

    {{ 'hello' | upper}}<br>

    字符串反转

    {{'asdfg' | reverse}}<br>

    首字母大写，其余字母小写

    {{'james' | capitalize}}<br>

    过滤HTML标签  em斜体标签

    {{ '<em>hello</em>' | striptags}}<br>

    只显示list首个元素

    {{[100,90,80,70,67] | first }}<br>

    只显示list最后一个元素

    {{[100,90,80,70,67] | last}}<br>

    显示一个list的长度

    {{[1,2] | length}}<br>

    对list里面所有元素求和

    {{[100,200] | sum}}<br>

    对list进行排序

    {{[0,9,7,4,6,3,9] | sort}}<br>

    对语句块进行过滤

    {% filter upper%}

    sadsadsadsaddmnvcdd,dasdas,ddddd,ddddddd,gggggggghgfhgfjghjgf

    {% endfilter %}<br>

    过滤器嵌套使用

    {{'abc' | upper | reverse}}

</body>

</html>

自定义过滤器：

# -*- encoding: utf-8 -*-

# 网页模板需要导入render_template

from flask import Flask, render_template

app = Flask(__name__)

app.config.from_pyfile('config.ini')

#自定义过滤器

def my_filter(val):

    return "$" + str(val)

#将自定义的过滤器函数，赋给模板,第一个参数是自定义过滤器的名称，第二个参数是在模板中调用的标识

app.add_template_filter(my_filter,'my_filter')

@app.route('/')

def index():

    return render_template('day3_body.html')

if __name__ == "__main__":

    app.run()

定义好之后直接在html文件用管道方法进行调用即可：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>自定义过滤器的使用</title>

</head>

<body>

    <div>

        使用自定义过滤器

        {{100 | my_filter}}

    </div>

</body>

</html>

Flask filter过滤器的更多相关文章

  1. filter 过滤器（监听）

    Filter 过滤器 1.简介 Filter也称之为过滤器,它是Servlet技术中最实用的技术,WEB开发人员通过Filter技术,对web服务器管理的所有web资源:例如Jsp, Servlet, ...

  2. Java防止SQL注入2（通过filter过滤器功能进行拦截）

    首先说明一点,这个过滤器拦截其实是不靠谱的,比如说我的一篇文章是介绍sql注入的,或者评论的内容是有关sql的,那会过滤掉:且如果每个页面都经过这个过滤器,那么效率也是非常低的. 如果是要SQL注入拦 ...

  3. Filter(过滤器)学习

    一.Filter简介 Filter也称之为过滤器,它是Servlet技术中最激动人心的技术,WEB开发人员通过Filter技术,对web服务器管理的所有web资源:例如Jsp, Servlet, 静态 ...

  4. javaweb学习总结(四十二)——Filter(过滤器)学习

    一.Filter简介 Filter也称之为过滤器,它是Servlet技术中最激动人心的技术,WEB开发人员通过Filter技术,对web服务器管理的所有web资源:例如Jsp, Servlet, 静态 ...

  5. Filter过滤器简单应用( 接口访问控制 )

    一.描述 在提供安卓.IOS客户端接口时,可以在登陆接口分配Session给客户端,用于判断其他接口是否是合法访问,以避免将所有的接口都暴露在web中可以由路径直接访问.但是最近的一个项目中的移动接口 ...

  6. 如何配置Filter过滤器处理JSP中文乱码

    参考Tomcat服务器目录webapps的examples示例 简单配置步骤:1.在项目web.xml文件添加过滤器标记<filter>和<filter-mapping>:2. ...

  7. Filter(过滤器)常见应用

    孤傲苍狼 只为成功找方法,不为失败找借口! javaweb学习总结(四十六)——Filter(过滤器)常见应用 一.统一全站字符编码 通过配置参数charset指明使用何种字符编码,以处理Html F ...

  8. Filter过滤器（1）

    Filter也称之为过滤器,它是Servlet技术中比较激动人心的技术,WEB开发人员通过Filter技术,对web服务器管理的所有web资源:例如Jsp, Servlet, 静态图片文件或静态 ht ...

  9. Servlet的学习之Filter过滤器技术(1)

    本篇将讲诉Servlet中一项非常重要的技术,Filter过滤器技术.通过过滤器,可以对来自客户端的请求进行拦截,进行预处理或者对最终响应给客户端的数据进行处理后再输出. 要想使用Filter过滤器, ...

随机推荐

  1. CentOS7 网络NAT模式

    问题:安装完毕ping命令不能用,然后改为桥接模式,ping可以用. 先了解桥接,NAT 的含义. 桥接:在bridged模式下,VMWare虚拟出来的操作系统就像是局域网中的一台独立的主机,它可以访 ...

  2. prometheus和metrucs-server （k8s监控）

    资源指标:metrucs-server 自定义指标:prometheus, k8s-prometheus-adapter(转换prometheus数据的格式) 新一代架构: 核心指标流水线:由kube ...

  3. Python：matplotlib绘制散点图

    与线型图类似的是,散点图也是一个个点集构成的.但不同之处在于,散点图的各点之间不会按照前后关系以线条连接起来. 用plt.plot画散点图     奇怪,代码和前面的例子差不多,为什么这里显示的却是散 ...

  4. delphi中退出是弹出让你确定的几种确定对话框怎么写？

    procedure TForm2.btn1Click(Sender: TObject); begin if MessageBox(Handle, '你确定要退出系统吗?', '信息提示', MB_OK ...

  5. springboot+jpa+mysql+swagger整合

    Springboot+jpa+MySQL+swagger整合 创建一个springboot web项目 <dependencies> <dependency>      < ...

  6. java.lang.Exception: No tests found matching [{ExactMatcher:fDisplayName=fun2], {ExactMatcher:fDisplayName=fun2(cn.itcast.demo2.fun1)], {LeadingIdentifierMatcher:fClassName=cn.itcast.demo2.fun1,fLeadi

    Junit报的错误, 在测试方法前面没有添加注解@Test

  7. Vivado安装、生成bit文件及烧录FPGA的简要流程

    https://wenku.baidu.com/view/0294cbb3bb4cf7ec4bfed01a.html

  8. nvidia-smi实时刷新并高亮显示状态

    watch -n 1 -d nvidia-smi 间隔1秒刷新

  9. PKU2018校赛 H题 Safe Upper Bound

    http://poj.openjudge.cn/practice/C18H 题目 算平均数用到公式\[\bar{x}=\frac{x_1+x_2+x_3+\cdots+x_n}{n}\] 但如果用in ...

  10. 基本排序算法[python实现]

    冒泡排序 原理 冒泡排序(Bubble Sort)是一种简单的排序算法.它重复地走访过要排序的数列,一次比较两个元素,如果他们的顺序错误就把他们交换过来.走访数列的工作是重复地进行直到没有再需要交换, ...