记录技术,分享技术——阿青
————————————————
版权声明:本文为CSDN博主「还是那个同伟伟」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/wei18791957243/article/details/85250632
模板变量 : {{name}}
- 模板的定义: 模板变量 : {{name}}
- 模板的渲染: render_template(“模板名字”,键=值,键=值)
例如: render_template(“index.html”,name=“python”,age=“18”)
如果传值的话,想要直接在渲染函数里面直接传字典则:
可以事先定义好一个字典data,然后,render_template(“index.html”,**data)
首先是模板,里面的变量的写法和python的是一样的, 如下面的 index.html (放在自建的templates目录下面)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<p>name = {{ name }}</p>
<p>age = {{ age }}</p>
<p>my_dict: city={{ my_dict["city"] }}</p>
<p>my_dict: city={{ my_dict.city}}</p>
<p>my_list : {{ my_list }}</p>
<p>my_list[my_int] : {{my_list[my_int] }}</p>
<p>my_list[0] + my_list[1] : {{ my_list[0] + my_list[1] }}</p>
</body>
</html>
然后在程序中怎么进行渲染
from flask import Flask, render_template
app = Flask(__name__)
@app.route("/index")
def index():
data = {
"name": "python",
"age": 18,
"my_dict": {"city": "sz"},
"my_list": [1, 2, 3, 4, 5],
"my_int": 0
}
# render_template("index.html",name="python",age="18")
"""也可以进行直接传递一个字典进去,但是字典的前面要加上两个星号"""
return render_template("index.html", **data)
if __name__ == '__main__':
app.run(debug=True)
运行的结果,就会按照模板里面取里面的值的方式,取出相应的值, 输入127.0.0.1:5000/index
过滤器
1.字符串过滤器
safe:禁用转义;
<p>{{ '<em>hello</em>' | safe }}</p>
capitalize:把变量值的首字母转成大写,其余字母转小写;
<p>{{ 'hello' | capitalize }}</p>
lower:把值转成小写;
<p>{{ 'HELLO' | lower }}</p>
upper:把值转成大写;
<p>{{ 'hello' | upper }}</p>
title:把值中的每个单词的首字母都转成大写;
<p>{{ 'hello' | title }}</p>
trim:把值的首尾空格去掉;
<p>{{ ' hello world ' | trim }}</p>
reverse:字符串反转;
<p>{{ 'olleh' | reverse }}</p>
format:格式化输出;
<p>{{ '%s is %d' | format('name',17) }}</p>
striptags:渲染之前把值中所有的HTML标签都删掉;
<p>{{ '<em>hello</em>' | striptags }}</p>
2.支持链式使用过滤器
<p>{{ “ hello world “ | trim | upper }}</p>
3.列表过滤器
first:取第一个元素
<p>{{ [1,2,3,4,5,6] | first }}</p>
last:取最后一个元素
<p>{{ [1,2,3,4,5,6] | last }}</p>
length:获取列表长度
<p>{{ [1,2,3,4,5,6] | length }}</p>
sum:列表求和
<p>{{ [1,2,3,4,5,6] | sum }}</p>
sort:列表排序
<p>{{ [6,2,3,1,5,4] | sort }}</p>
自定义的过滤器
自定义的过滤器名称如果和内置的过滤器重名,会覆盖内置的过滤器。方式一:通过 add_template_filter (过滤器函数, 模板中使用的过滤器名字)
方式二:通过装饰器 app.template_filter (模板中使用的装饰器名字)
在模板中直接接收: