Flask之jinja2模板（一）

最新推荐文章于 2024-09-05 07:51:56 发布
最新推荐文章于 2024-09-05 07:51:56 发布
阅读量861 收藏 6
点赞数 5
分类专栏： # Flask框架 文章标签： flask python 后端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_67093160/article/details/127455408
版权

目录

关于模板

模板的使用

模板的传参

在模板中使用url_for函数

关于过滤器

过滤器的基本使用

jinja模板中自带的过滤器

 defalut过滤器

转义字符过滤器

 其他过滤器

一个好看的页面需要html、css和js，那么按照之前的学习就是这样写：

from flask import Flask

app = Flask(__name__)

@app.route('/')
def index():
    return '<h1>hello</h1><p style="color:red">这个是内容!</p>'

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

可以看到这样的写法也可以达到想要的效果，但是return里面很臃肿，而且不能自动识别显示效果和错误代码。

解决方案：

使用MVT设计方案：

M全拼为Model，与MVC中的M功能相同，负责和数据库交互，进行数据处理。

V全拼为View，与MVC中的C功能相同，接收请求，进行业务处理，返回应答。

T全拼为Template，与MVC中的V功能相同，负责封装构造要返回的html。

关于模板

模板的使用

1.先通过render_template导入：

from flask import Flask,render_template

2.在同级目录下创建一个templates文件夹，在templates文件夹里进行创建需要的文件。

3.设置模板查找路径：

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

模板的传参

参数传递的规范：key ， value 的形式

1.可以直接在render_template里面直接进行传参,。

2.多个参数可以放在一个字典里进行编写，用**进行解剖。


from flask import Flask,render_template

app = Flask(__name__)

@app.route('/')
def index():
    return render_template('index20.html',info='Flask模板',arg = 'python中的Flask')

@app.route('/home')
def home():
    #传递多组数据的时候可以通过这种方式编写
    context = {
        'uname':'xiaoli',
        'age':20,
        'body':'fine'
    }
    return render_template('index20.html',**context)


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

 在对应路径文件（这里为index20.html）里，进行参数的接收，其格式为{{ xxx }}或者{{ xxxx.xxx }}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>模板的传参</title>
</head>
<body>
    <h1>模板的传参</h1>
    <p>这个是关于 {{ info }} 的内容</p>
    <p>这个是关于 {{ arg }} 的内容</p>
    <p>我的名字是：{{ uname }},年龄为：{{ age }},我的身体：{{ body }} </p>
    
</body>
</html>

在模板中使用url_for函数

回顾url_for 的使用方法以及意义：

python学习之Flask框架（二）_python小白一的博客-CSDN博客

简单的使用：


from flask import Flask,render_template

app = Flask(__name__)

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


@app.route('/home/')
def home():
    return 'hello'

@app.route('/home1/<int:id>')
def home1(id):
    return 'hello'


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

 注意：在模板中url_for 的使用遵循{{ url_for(func_name,<参数...>)}}语法结构 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>模板中url_for的使用</title>
</head>
<body>

    <h1>url_for 函数</h1>
    <hr>
    {{ url_for('index') }}
    <br>
    {{ url_for('home') }}
    <br>
    {{ url_for('home1',id=1101) }}
    <br>
    {{ url_for('home1',id=1101,addr='bj') }}
    <br>
    <a href="/home/">访问home的内容</a>
    <br>
    <a href="{{ url_for('home') }}">访问home的内容</a>
    
    
</body>
</html>

如上所示：

1.url_for函数中，无论是 路径参数 还是 查询式参数 都可以直接传递。

2.url_for函数在模板中最常见的使用是在a标签里边，直接返回路由地址生成一个访问路径。

关于过滤器

过滤器的基本使用

在模版中，过滤器相当于是一个函数，把当前的变量传入到过滤器中，然后过滤器根据自己的功能，再返回相应的值，之后再将结果渲染到页面中。

from flask import Flask,render_template

app = Flask(__name__)

@app.route('/')
def index():
    return render_template('index22.html',param=10.5)

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

 注意： 过滤器语法是{{data|filter}}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>过滤器的使用</title>
</head>
<body>
    <h1>过滤器的使用</h1>
    <br>
    过滤前的数据：{{ param }}
    <br>
    过滤后的数据：{{ param | int }}
</body>
</html>

上图中传递的数据param=10.5经过{{ param | int }} 处理后显示为10。

jinja模板中自带的过滤器

Jinja2中内置过滤器：Template Designer Documentation — Jinja Documentation (3.0.x)

过滤器名解释举例
abs(value)返回一个数值的绝对值-1|abs
int(value)将值转换为int类型
float(value)将值转换为float类型
string(value)将变量转换成字符串
default(value,default_value,boolean=false)如果当前变量没有值，则会使用参数中的值来代替。如果想使用python的形式判断是否为false，则可以传递boolean=true。也可以使用or来替换name|default('xiaotuo')
safe(value)如果开启了全局转义，那么safe过滤器会将变量关掉转义content_html|safe
escape(value)或e转义字符，会将<、>等符号转义成HTML中的符号content|escape或content|e。
first(value)返回一个序列的第一个元素names|first
format(value,*arags,**kwargs)格式化字符串{{ "%s"-"%s"|format('Hello?',"Foo!") }} 输出 Hello?-Fool!
last(value)返回一个序列的最后一个元素。示例：names|last
length(value)返回一个序列或者字典的长度。示例：names|length
join(value,d='+')将一个序列用d这个参数的值拼接成字符串
lower(value)将字符串转换为小写
upper(value)将字符串转换为小写
replace(value,old,new)替换将old替换为new的字符串
truncate(value,length=255,killwords=False)截取length长度的字符串
striptags(value)删除字符串中所有的HTML标签，如果出现多个空格，将替换成一个空格
trim截取字符串前面和后面的空白字符
wordcount(s)计算一个长字符串中单词的个数

 defalut过滤器

如果当前变量没有值，则会使用参数中的值来代替。如果想使用python的形式判断是否为false，则可以传递boolean=true。也可以使用or来替换。

from flask import Flask,render_template

app = Flask(__name__)

@app.route('/')
def index():
    # return render_template('index23.html',nick_name='小林')
    # return render_template('index23.html')
    
    #传递一下数据时需要加上boolean=True参数
    # return render_template('index23.html',nick_name='')
    # return render_template('index23.html',nick_name=[])
    return render_template('index23.html',nick_name=None)

if __name__ == '__main__':
    app.run(debug=True)
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>default过滤器的使用</title>
</head>
<body>
    <h1>default过滤器的使用</h1>
    
    过滤前的昵称数据是：{{ nick_name }}
    <br>
    过滤后的昵称数据是：{{ nick_name | default('用户1',boolean=True) }}    
    <br>
    过滤后的昵称数据是：{{ nick_name or '用户2') }}    

</body>
</html>

转义字符过滤器

inja2模板 默认全局开启了自动转义功能

  • safe过滤器：可以关闭一个字符串的自动转义

  • escape过滤器：对某一个字符串进行转义

  • autoescape 标签，可以对他包含的代码块关闭或开启自动转义

    • {% autoescape true/false %} 代码块 {% endautoescape %}

 

from flask import Flask,render_template

app = Flask(__name__)

@app.route('/')
def index():
    info = "<script>alert('hello!!')</script>"
    return render_template('index24.html',info=info)

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

 

<body>
    <h1>转义字符过滤器</h1>
    <!--模板中默认 做了转义字符的效果-->
    <!-- 转义前的数据是：{{ info | safe}} -->

    {% autoescape false %}
        <!--false代表不再转义特殊字符 true代表转义特殊字符-->
        {{ info }}
    {% endautoescape %}
    
    
</body>

 其他过滤器

常见的几个过滤器：

replace(value,old,new)替换将old替换为new的字符串
float(value)将值转换为float类型
format(value,*arags,**kwargs)格式化字符串
length(value)返回一个序列或者字典的长度。示例：names|length
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>其他过滤器</title>
</head>
<body>
    <h1>其他过滤器</h1>
    绝对值：{{ -6 | abs }}
    <br>
    小数：{{ 6 | float }}
    <br>
    字符串：{{ 6 | string }}
    <br>
    格式化：{{ '%s--%s' | format('我','你')}}
    <br>
    长度：{{ 'sdwabcawdjav' | length }}
    <br>
    统计：{{ 'sdwa sdaw  iwabd dkwa sadgw dawbd' | wordcount }}
    <br>
    替换：{{ '你好' | replace('你好','hello')}}
    
</body>
</html>

自定义内容过滤器

        当系统提供的过滤器不符合需求时，需要自定义过滤器。

        需要使用到一个装饰器：@app.template_filter('过滤器名称')

例：（自定义替换过滤器） 

from distutils.log import info
from flask import Flask,render_template

app = Flask(__name__)

@app.template_filter('cut')
def cut(value):
    value = value.replace('我不知道','我知道')
    return value

@app.route('/')
def index():
    info = '=====这些我不知道====='
    return render_template('index26.html',info=info)

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

自定义时间过滤器

发布的时间与现在的时间差

from flask import Flask,render_template
from datetime import  datetime

app = Flask(__name__)

# 年 月 日 时 分 秒
#数据库中存放的数据是 2030/01/01 00:00:00
#现在的时间是        2030/01/01 00:10:00
@app.template_filter('hander_time')
def hander_time(time):
    '''
        time距离现在的时间间隔
        1. 如果时间间隔小于1分钟以内,那么就显示“刚刚”
        2. 如果是大于1分钟小于1小时,那么就显示“xx分钟前”
        3. 如果是大于1小时小于24小时,那么就显示“xx小时前”
        4. 如果是大于24小时小于30天以内,那么就显示“xx天前”
        5. 否则就是显示   很久以前
    '''
    #获取当前时间
    now = datetime.now()
    #将相差的时间转为秒
    temp_stamp = (now-time).total_seconds()
    if temp_stamp < 60:
        return '一分钟以前'
    elif temp_stamp >=60 and temp_stamp <60*60:
        return '一小时之前'
    elif temp_stamp >60*60 and temp_stamp <60*60*24:
        hours = int(temp_stamp/(60*60))
        return f'{hours}小时前'
    elif temp_stamp >=60*60*24 and temp_stamp <60*60*24*30:
        day = int(temp_stamp/(60*60*24*30))
        return f'{day}天前'
    else:
        return '很久以前'


@app.route('/')
def index():
    tmp_time = datetime(2022, 10, 24,10,10,10)
    return render_template('index27.html',tmp_time= tmp_time)

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

救命啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊最后这个程序出现的错误，我找了半个小时没找到，我以及要崩溃了。啊啊啊操不找了，以后看的时候再说了。

我还可以熬_
关注
专栏目录
Ansible jinja2模板详解
悦分享
09-03 94
Ansible使用Jinja2模板来修改被管理主机的配置文件。例如给10台远程主机都装上httpd服务，但是要求每个服务器的端口不一样，如何解决？使用ansible的jinja2模板，也就是template模块。该模块和copy的工作原理很像，都是讲某个文件复制到远端主机上去，但是区别在于template模块可以获取变量的值，而copy则是原封不动的把文件内容复制过去。比如可以针对不同的主机定义不同的变量，template会在将配置文件分发出去前读取变量到jinja2模板，然后分发到不同的被管理主机上。
Flask后端笔记（三）Jinja2模板、过滤器、表单、宏、模板继承、包含
行者
10-27 1238
Flask后端笔记Jinja2模板基本流程 Jinja2模板 基本流程 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Template</title> </head> <body> <h1>hello {{ name }}</h1> </body> </h
flask框架中的Jinja2模板引擎
qq_39274098的博客
07-04 376
python，flask,jinjia2
【Flask】 Jinja2模板语言
weixin_33722405的博客
08-07 161
Jinja2 　　Jinja2是Python Web编程中的主流模板语言。因为flask是基于Jinja2和Werkzeug发展而来，在安装flask的时候jinja2自动就被装在上面了。 　　之前提到了很多Jinja2的使用方法啊，下面将补充或者更加详细地说明Jinja2作为模板语言的使用。 　　【Jinja2官方文档】http://docs.jinkan.org/docs/jinja2/...
Jinja 模板引擎指南
最新发布
gitblog_00562的博客
09-05 624
Jinja 模板引擎指南 jinjaA very fast and expressive template engine.项目地址:https://gitcode.com/gh_mirrors/ji/jinja 项目介绍 Jinja 是一款专为 Python 设计的高性能模板引擎，由 Armin Ronacher 创建并采用 BSD 许可证分发。它以其速度、表达性和可扩展性著称，提供了类似于 ...
Python（Web时代）——jinja2模板
qq_25702235的博客
08-08 3368
Jinja2是Flask框架默认支持的模板引擎，是python的web项目中被广泛应用的一种模板引擎，jinja2的作者与Flask是同一个人。有些时候需要对要在模板中的变量值做一些特殊处理，比如首字母大写，去掉前后空格、字符串拼接等等，这时就可以使用过滤器。当遇到现有的过滤无法满足我们的需求时，这时就需要我们自定义一个过滤器了。通过 | 来使用过滤器，与Linux中的管道类似。非常灵活，提供了控制结构、表达式与继承等。控制结构（逻辑代码） {% %}变量取值 {{ }}
Jinja2 模板
qq_44744569的博客
04-28 837
Flask 是使用 Jinja2 这个模板引擎来渲染模板视图函数只负责业务逻辑和数据处理(业务逻辑方面) 而模板则取到视图函数的数据结果进行展示(视图展示方面)将模板转换为完整的HTML页面的操作称为渲染。参数：默认会在根目录下的templates文件夹下寻找about.html模板文件。如果想更改模板文件地址，应该在创建app的时候，给Flask传递一个关键字参数template_folder，指定具体的路径，再看以下例子： 加载静态文件 Web应用中会出现大量的静态文件来使得网页更加生动美观。类似于CS
第三章 Jinja2模板
qq_42385761的博客
02-05 3272
jinja2模板
自动化运维利器Ansible [ 5 ] --- jinja2模板：JinJa2逻辑控制，条件表达，循环控制，使用模板，批量免密登录
Neko的博客
12-08 480
自动化运维利器Ansible-jinja2模板 文章目录自动化运维利器Ansible-jinja2模板JnJa2模板JinJa2 是什么JinJa2 必知必会JinJa2 逻辑控制条件表达循环控制如何使用模板实例演示批量免密 JnJa2模板 要学会Ansible 中的模板(template)使用，前提我们必须要学会JinJa2模板。学会了它，就相当于我们学会了Ansible 模板。 JinJa2 是什么 Jinja2是基于Python书写的模板引擎。功能比较类似于PHP的smarty模板。 JinJa
flask与jinja2模板
Sahar_的博客
10-31 1129
3 模板（jinja2） 3.1 jinja2 模板 Jinja2模板是由Python实现的模板语言 设计思路：来源于Django的模板引擎 3.2 在flask中返回jinja2模板 from flask import Flask,render_template 展示： 3.3 过滤器 3.3.1 过滤器的格式 {{ 变量 | 过滤器 }} 3.3.2 自带的过滤器 展示： 注意...
Python Flask，Jinja2模板，模板中使用特殊变量及函数，闪现信息，get_flashed_messages()
houyanhua1的专栏
12-31 4145
  在渲染模板时，不需要手动分配，可以直接在模板中使用的模板变量及函数：config、request、url_for()、get_flashed_messages() 在Flask中，有一些特殊的变量和方法是可以在模板文件中直接访问的。 config 对象: config 对象就是Flask的config对象，也就是 app.config 对象。 {{ config.SQLALCHE...
Flask Jinja2模板
Claroja
11-15 881
1.模板参数 直接嵌套在html里面，传入的是该路由定义方法里面的参数 {{ argv }} 2.控制语句 {% if title %} ... {% else %} ... {% endif %} ... 3.循环语句 {% for name in names %} ... {% endfor %} 4.模板继承 被继承模板中标明继承模板的插入位置 {% block
Flask-02 Jinja2模板
风华绝代的博客
05-24 422
目录模板安装jinja2jinja2语法基本语法jinja2变量Jinja2模版过滤器控制语句宏导入宏的例子importinclude赋值（set）语句局部作用域(with)模板继承静态文件的配置Flask渲染Jinja模板 模板 要了解jinja2，那么需要先理解模板的概念。模板是一个web开发必备的模块。因为我们在渲染一个网页的时候，并不是只渲染一个纯文本字符串，而是需要渲染一个有富文本标签的页面。这时候我们就需要使用模板了。在Flask中，配套的模板是Jinja2，Jinja2的作者也是Flask的作
Flask入门模板Jinja2语法与函数(四)
weixin_30807779的博客
05-31 245
1 模板的创建 模板文件结构: project/ templates/ 模板文件 跳转模板一般使用: from flask import render_template,render_template_string render_template return render_template('index.html') #将index.html页面的内容读取出来并进行响应 ...
Jinja模板语言
04-24 161
在学SaltStack的时候，使用到了Jinja模板语言，发现和之前在学python时候Django中的模板语言的语法是一样的。 一.Jinja官方网站 http://jinja.pocoo.org/ 二.File状态使用template参数 - template: jinja 三.模板文件里调用变量 {{ PORT }} 四.变量列表 ...
jinja2模板
DTCloud
09-19 309
再使用render_template渲染模板的时候，可以传递关键字参数，以后直接在模板中使用即可如果参数过多，可以将所有的参数放到一个字典或列表中。将字典打散成关键字参数可以在参数前面加**'age':8,'gender':'男'}{'name': 'zhangsan','age':18,'gender':'男'},{'name': 'lisi','age':68,'gender':'女'},{'name': 'wangwu','age':16,'gender':'男'}]
flask flash bootstrap
09-05
3. 接下来，你可以创建一个包含所有Bootstrap文件的基模板，通过Jinja2的模板继承机制，让你的程序扩展这个基模板，并引入Bootstrap的元素。在你的模板文件中，可以使用以下代码引用Bootstrap的基模板： ``` {% ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

我还可以熬_

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值