Flask Jinja2模板引擎

《一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码》点击传送门,即可获取!
Jinja2是Python下一个被广泛应用的模版引擎,他的设计思想来源于Django的模板引擎,并扩展了其语法和一系列强大的功能。其中最显著的一个是增加了沙箱执行功能和可选的自动转义功能,这对大多应用的安全性来说是非常重要的(来源百度百科)。

Jinja2模板

Flask是一款开发Web服务端的框架,所以肯定是离不开页面的。上一章,我们使用路由返回数据时,返回内容中包含的有少量的HTML代码,如果需要的HTML代码多了,就很繁琐了,这时我们就可以使用Jinja2模板引擎。

  • Flask提供的 render_template 函数封装了Jinja2模板引擎;

  • render_template 函数的第一个参数是模板的文件名,后面的参数都是键值对,表示向模板中传递的参数值。

基本使用

创建一个视图函数渲染模板以及设置模板参数。

@app.route(“/hello/”)

def hello(name):

return render_template(“hello.html”, name=name)

render_template函数第一个参数对应的是模板的文件名,后面的参数为向模板中传递的参数值。

Flask在程序文件夹中的templates子文件夹中根据模板文件名来寻找对应的模板。

所以需要在templates子文件夹下定义一个hello.html文件。

在这里插入图片描述

代码如下:

Title

{# name为视图函数传递过来的参数 #}

Hello, {{ name }}!

其中用 {{}} 来表示变量名,用于接收视图函数传递的参数,其变量名与视图函数传递的键名需要一致;

{# #} 表示注释,注释的内容不会在html中被渲染出来。运行效果如下:

在这里插入图片描述

上面使用模板接收了简单的变量,除此之外还可以接收字典,列表,对象和获取session中的内容等。下面来看一下使用模板接收一些复杂的类型数据。

修改后的视图函数代码:

@app.route(“/hello/”)

def hello(name):

mydict = {

“name”: ‘李四’,

‘age’: 18

}

mylist = [‘aaa’, ‘bbb’, ‘ccc’]

session[‘name’] = “abc”

return render_template(“hello.html”, name=name, mydict=mydict, mylist=mylist);

模板页面代码:

Title

Hello, {{ name }}!

获取字典数据:{{ mydict['name'] }} --- {{ mydict['age'] }}

获取列表数据:{{ mylist[1] }}

通过过滤器修改变量(把值转换为大写形式):{{ mylist[0] | upper }}

获取session中的内容:{{ session.get("name") }}

请求头信息:{{ request.headers }}

运行效果如下:

在这里插入图片描述

除了上面用到的upper过滤器,Jinja2还提供了很多过滤器,如下是Jinja2常用的过滤器。

| 过滤器名 | 说明 |

| — | — |

| safe | 渲染值时不转义 |

| capitalize | 把值的首字母转换成大写,其他字母转换成小写 |

| lower | 把值转换成小写形式 |

| upper | 把值转换成大写形式 |

| title | 把值中每个单词的首字母都转换成大写 |

| trim | 把值的首尾空格去掉 |

| striptags | 渲染之前把值中所有的HTML标签都删掉 |

控制结构

Jinja2中提供了很多种控制结构,可以用来改变模块的渲染流程,如if、for等。

在Jinja2中使用if控制结构,语法格式和python的语法格式一样,但必须写在{% %}中,不同python的是有开始标签就必须要有结束标签。

{% if comment %}

{{ comment }}

{% else %}

comment字典为空

{% endif %}

for循环的使用,遍历一个字典中的所有数据。

{% for user in users %}

姓名:{{ user['name'] }}, 年龄:{{ user['age'] }}

{% endfor %}

上述的变量都是在视图函数返回时传递的,视图函数代码如下:

@app.route(‘/contro’)

def contro():

users = [

{“name”: “张三”, “age”:20},

{“name”: “李四”, “age”:25},

{“name”: “王五”, “age”:16},

{“name”: “小华”, “age”:22}

]

comment = []

return render_template(“contro.html”, comment=comment, users=users)

页面完整代码

Title

{% if users %}

{% for user in users %}

姓名:{{ user['name'] }}, 年龄:{{ user['age'] }}

{% endfor %}

{% else %}

没有学生信息!

{% endif %}

最后

看完美团、字节、腾讯这三家的面试问题,是不是感觉问的特别多,可能咱们又得开启面试造火箭、工作拧螺丝的模式去准备下一次的面试了。

开篇有提及我可是足足背下了1000道题目,多少还是有点用的呢,我看了下,上面这些问题大部分都能从我背的题里找到的,所以今天给大家分享一下互联网工程师必备的面试1000题

注意不论是我说的互联网面试1000题,还是后面提及的算法与数据结构、设计模式以及更多的Java学习笔记等,皆可分享给各位朋友

最新“美团+字节+腾讯”一二三面问题,挑战一下你能走到哪一面?

互联网工程师必备的面试1000题

而且从上面三家来看,算法与数据结构是必备不可少的呀,因此我建议大家可以去刷刷这本左程云大佬著作的《程序员代码面试指南 IT名企算法与数据结构题目最优解》,里面近200道真实出现过的经典代码面试题

最新“美团+字节+腾讯”一二三面问题,挑战一下你能走到哪一面?

《一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码》点击传送门,即可获取!
朋友

[外链图片转存中…(img-hxh4Sdcz-1714422187727)]

互联网工程师必备的面试1000题

而且从上面三家来看,算法与数据结构是必备不可少的呀,因此我建议大家可以去刷刷这本左程云大佬著作的《程序员代码面试指南 IT名企算法与数据结构题目最优解》,里面近200道真实出现过的经典代码面试题

[外链图片转存中…(img-DrCvMAHj-1714422187728)]

《一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码》点击传送门,即可获取!

  • 27
    点赞
  • 25
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值