devbox
小蓝xlanll
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

Flask之jinja2模板（一）_jinja2 urlfor

作者：小蓝xlanll | 2024-03-05 13:16:26

赞

踩

jinja2 urlfor

目录

关于模板

模板的使用

模板的传参

在模板中使用url_for函数

关于过滤器

过滤器的基本使用

jinja模板中自带的过滤器

 defalut过滤器

转义字符过滤器

 其他过滤器

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

  1. from flask import Flask
  2.  
  3. app = Flask(__name__)
  4.  
  5. @app.route('/')
  6. def index():
  7.     return '<h1>hello</h1><p style="color:red">这个是内容!</p>'
  8.  
  9. if __name__ == '__main__':
  10.     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.设置模板查找路径：

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

模板的传参

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

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

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

  1.  
  2. from flask import Flask,render_template
  3.  
  4. app = Flask(__name__)
  5.  
  6. @app.route('/')
  7. def index():
  8.     return render_template('index20.html',info='Flask模板',arg = 'python中的Flask')
  9.  
  10. @app.route('/home')
  11. def home():
  12.     #传递多组数据的时候可以通过这种方式编写
  13.     context = {
  14.         'uname':'xiaoli',
  15.         'age':20,
  16.         'body':'fine'
  17.     }
  18.     return render_template('index20.html',**context)
  19.  
  20.  
  21. if __name__ == '__main__':
  22.     app.run(debug=True)

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

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>模板的传参</title>
  8. </head>
  9. <body>
  10.     <h1>模板的传参</h1>
  11.     <p>这个是关于 {{ info }} 的内容</p>
  12.     <p>这个是关于 {{ arg }} 的内容</p>
  13.     <p>我的名字是：{{ uname }},年龄为：{{ age }},我的身体：{{ body }} </p>
  14.     
  15. </body>
  16. </html>

在模板中使用url_for函数

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

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

简单的使用：

  1.  
  2. from flask import Flask,render_template
  3.  
  4. app = Flask(__name__)
  5.  
  6. @app.route('/')
  7. def index():
  8.     return render_template('index21.html')
  9.  
  10.  
  11. @app.route('/home/')
  12. def home():
  13.     return 'hello'
  14.  
  15. @app.route('/home1/<int:id>')
  16. def home1(id):
  17.     return 'hello'
  18.  
  19.  
  20. if __name__ == '__main__':
  21.     app.run(debug=True)

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

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>模板中url_for的使用</title>
  8. </head>
  9. <body>
  10.  
  11.     <h1>url_for 函数</h1>
  12.     <hr>
  13.     {{ url_for('index') }}
  14.     <br>
  15.     {{ url_for('home') }}
  16.     <br>
  17.     {{ url_for('home1',id=1101) }}
  18.     <br>
  19.     {{ url_for('home1',id=1101,addr='bj') }}
  20.     <br>
  21.     <a href="/home/">访问home的内容</a>
  22.     <br>
  23.     <a href="{{ url_for('home') }}">访问home的内容</a>
  24.     
  25.     
  26. </body>
  27. </html>

如上所示：

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

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

关于过滤器

过滤器的基本使用

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

  1. from flask import Flask,render_template
  2.  
  3. app = Flask(__name__)
  4.  
  5. @app.route('/')
  6. def index():
  7.     return render_template('index22.html',param=10.5)
  8.  
  9. if __name__ == '__main__':
  10.     app.run(debug=True)

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

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>过滤器的使用</title>
  8. </head>
  9. <body>
  10.     <h1>过滤器的使用</h1>
  11.     <br>
  12.     过滤前的数据：{{ param }}
  13.     <br>
  14.     过滤后的数据：{{ param | int }}
  15. </body>
  16. </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来替换。

  1. from flask import Flask,render_template
  2.  
  3. app = Flask(__name__)
  4.  
  5. @app.route('/')
  6. def index():
  7.     # return render_template('index23.html',nick_name='小林')
  8.     # return render_template('index23.html')
  9.     
  10.     #传递一下数据时需要加上boolean=True参数
  11.     # return render_template('index23.html',nick_name='')
  12.     # return render_template('index23.html',nick_name=[])
  13.     return render_template('index23.html',nick_name=None)
  14.  
  15. if __name__ == '__main__':
  16.     app.run(debug=True)
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>default过滤器的使用</title>
  8. </head>
  9. <body>
  10.     <h1>default过滤器的使用</h1>
  11.     
  12.     过滤前的昵称数据是：{{ nick_name }}
  13.     <br>
  14.     过滤后的昵称数据是：{{ nick_name | default('用户1',boolean=True) }}    
  15.     <br>
  16.     过滤后的昵称数据是：{{ nick_name or '用户2') }}    
  17.  
  18. </body>
  19. </html>

转义字符过滤器

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

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

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

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

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

 

  1. from flask import Flask,render_template
  2.  
  3. app = Flask(__name__)
  4.  
  5. @app.route('/')
  6. def index():
  7.     info = "<script>alert('hello!!')</script>"
  8.     return render_template('index24.html',info=info)
  9.  
  10. if __name__ == '__main__':
  11.     app.run(debug=True)

 

  1. <body>
  2.     <h1>转义字符过滤器</h1>
  3.     <!--模板中默认 做了转义字符的效果-->
  4.     <!-- 转义前的数据是：{{ info | safe}} -->
  5.  
  6.     {% autoescape false %}
  7.         <!--false代表不再转义特殊字符 true代表转义特殊字符-->
  8.         {{ info }}
  9.     {% endautoescape %}
  10.     
  11.     
  12. </body>

 其他过滤器

常见的几个过滤器：

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

自定义内容过滤器

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

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

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

  1. from distutils.log import info
  2. from flask import Flask,render_template
  3.  
  4. app = Flask(__name__)
  5.  
  6. @app.template_filter('cut')
  7. def cut(value):
  8.     value = value.replace('我不知道','我知道')
  9.     return value
  10.  
  11. @app.route('/')
  12. def index():
  13.     info = '=====这些我不知道====='
  14.     return render_template('index26.html',info=info)
  15.  
  16. if __name__ == '__main__':
  17.     app.run(debug=True)

自定义时间过滤器

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

  1. from flask import Flask,render_template
  2. from datetime import  datetime
  3.  
  4. app = Flask(__name__)
  5.  
  6. # 年 月 日 时 分 秒
  7. #数据库中存放的数据是 2030/01/01 00:00:00
  8. #现在的时间是        2030/01/01 00:10:00
  9. @app.template_filter('hander_time')
  10. def hander_time(time):
  11.     '''
  12.         time距离现在的时间间隔
  13.         1. 如果时间间隔小于1分钟以内,那么就显示“刚刚”
  14.         2. 如果是大于1分钟小于1小时,那么就显示“xx分钟前”
  15.         3. 如果是大于1小时小于24小时,那么就显示“xx小时前”
  16.         4. 如果是大于24小时小于30天以内,那么就显示“xx天前”
  17.         5. 否则就是显示   很久以前
  18.     '''
  19.     #获取当前时间
  20.     now = datetime.now()
  21.     #将相差的时间转为秒
  22.     temp_stamp = (now-time).total_seconds()
  23.     if temp_stamp < 60:
  24.         return '一分钟以前'
  25.     elif temp_stamp >=60 and temp_stamp <60*60:
  26.         return '一小时之前'
  27.     elif temp_stamp >60*60 and temp_stamp <60*60*24:
  28.         hours = int(temp_stamp/(60*60))
  29.         return f'{hours}小时前'
  30.     elif temp_stamp >=60*60*24 and temp_stamp <60*60*24*30:
  31.         day = int(temp_stamp/(60*60*24*30))
  32.         return f'{day}天前'
  33.     else:
  34.         return '很久以前'
  35.  
  36.  
  37. @app.route('/')
  38. def index():
  39.     tmp_time = datetime(2022, 10, 24,10,10,10)
  40.     return render_template('index27.html',tmp_time= tmp_time)
  41.  
  42. if __name__ == '__main__':
  43.     app.run(debug=True)

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

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小蓝xlanll/article/detail/191341
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号