今天记录一下,flask的模板。
1.Flask - 模板(Templates)
1.什么是模板
模板就是能够呈现给用户看的html+python的网页结构
在模板中,允许包含"变量"以及"标签"表示动态内容
Flask中的模板时依赖于 Jinja2 的模板引擎
2.模板的配置
默认情况下,Flask会到项目中找到一个 templates 的文件夹,去搜索要用到的模板
3.显示模板
1.作用
在视图中,将模板文件(xx.html)先渲染成字符串
再将字符串响应给客户端
2.函数
from flask import render_template
return render_template('模板名称.html')
来个例子
from flask import Flask,render_template
app = Flask(__name__)
@app.route('/01-page')
def page_views():
name = "zzh"
age = 22
email = "123@163.com"
return render_template('01-page.html',name=name,age=age,email=email)
if __name__ =="__main__":
app.run(debug=True)
01-page.html
<table width="500" border="1">
<tr>
<th>name</th>
<th>age</th>
<th>eamil</th>
</tr>
<tr>
<th>{{ name }}</th>
<th>{{ age }}</th>
<th>{{ email }}</th>
</tr>
启动run 运行页面
过滤器
允许在变量输出之前改变变量的值
2.语法
{{变量|过滤器(参数)}}
过滤器名 说明
1.trim 去掉字符串两端的空格
2.default 如果变量为空,则使用default的参数值做显示
3.truncate 如果字符串超出指定长度的话则截取字符串,后面显示...
常用的过滤器
abs(value):返回一个数值的绝对值。示例:-1|abs
default(value,default_value,boolean=false):如果当前变量没有值,则会使用参数中的值来代替。
示例:name|default(‘xiaotuo’)——如果name不存在,则会使用xiaotuo来替代。
boolean=False默认是在只有这个变量为undefined的时候才会使用default中的值,
如果想使用python的形式判断是否为false,则可以传递boolean=true。也可以使用or来替换。
escape(value)或e:转义字符,会将<、>等符号转义成HTML中的符号。显例:content|escape或content|e。
first(value):返回一个序列的第一个元素。示例:names|first
format(value,arags,*kwargs):格式化字符串。比如:{{ “%s” - “%s”|format(‘Hello?’,“Foo!”) }}将输出:Helloo? - Foo!
last(value):返回一个序列的最后一个元素。示例:names|last。
length(value):返回一个序列或者字典的长度。示例:names|length。
join(value,d=u”):将一个序列用d这个参数的值拼接成字符串。
safe(value):如果开启了全局转义,那么safe过滤器会将变量关掉转义。示例:content_html|safe。
int(value):将值转换为int类型。
float(value):将值转换为float类型。
lower(value):将字符串转换为小写。
upper(value):将字符串转换为小写。
replace(value,old,new): 替换将old替换为new的字符串。
truncate(value,length=255,killwords=False):截取length长度的字符串。
striptags(value):删除字符串中所有的HTML标签,如果出现多个空格,将替换成一个空格。
trim:截取字符串前面和后面的空白字符。
string(value):将变量转换成字符串。
wordcount(s):计算一个长字符串中单词的个数。
还是举个例子吧
tr>
<th>{{ name|upper }}</th>
<th>{{ age|default('6') }}</th>
<th>{{ email|truncate(5) }}</th>
</tr>
标签
1.作用
每个标签表示的是服务器端一段独立的功能
2.语法
{% 标签内容 %}
{% 结束标签 %} (结束标签要根据需求灵活选择)
常用标签
1. if 标签
1.基本if标签
{% if 条件 %}
允许写静态或动态的内容
{% endif %}
2.if ... else 结构
{% if 条件 %}
满足条件时要执行的内容
{% else %}
不满足条件时要执行的内容
{% endif %}
3.if ... elif ... else
{% if 条件1 %}
{% elif 条件2 %}
{% else %}
{% endif %}
2. for 标签
1.语法
{% for 变量 in 可迭代元素 %}
变量是服务器端内容
{% endfor %}
2.内部变量 - loop
1.作用
无需声明,直接使用
表示本次循环中的一些相关信息
2.常用属性
1.loop.index
表示当前循环的次数,从1开始记录
2.loop.index0
表示当前循环的次数,从0开始记录
3.loop.first
表示是否为第一次循环
值为True,表示是第一次循环
4.loop.last
表示是否为最后依次循环
值为True,表示是最后一次循环
@app.route('/02-page')
def page2():
list = ['zzh','aaa','bbb','ccc']
return render_template('02-page.html',list=list)
稍微复杂一点的
from flask import Flask
from flask import render_template
app = Flask(__name__)
@app.route('/03-var')
def var02():
name = '张dap'
age = 66
score = 80
list = ['football','movie','making love']
tup = ('egg','dick','meat')
dict = {'aaa':'aaaaaa',
'bbb':'bbbbb',
}
dog = Animal()
dog.name = "DOG"
gender = 'man'
print(locals())
res = render_template('03-var.html',params=locals())
print(res)
return res
#locals()代替了 name=name,age=age,score=score,list=list,tup=tup,dict=dict,dog=dog
# return render_template('03-var.html',name=name,age=age,score=score,list=list,tup=tup,dict=dict,dog=dog)
class Animal(object):
name = None
def eat(self):
return self.name + "正在吃饭"
<img src="/static/images/标题3.jpg">
<h1>sex: {{ params.gender }}</h1>
<h1>姓名: {{ params.name }}</h1>
<h1>年龄:{{ params.age }}
(
{% if params.age <=18%}
未成年
{% elif params.age >=50 %}
老年
{% else %}
青年
{% endif %}
)
</h1>
<h1>成绩:{{ params.score }}</h1>
<h1>爱好[0]:{{ params.list[0] }}</h1>
<h1>食物:{{ params.tup }}</h1>
<h1>aaa:{{ params.dict['aaa'] }}</h1>
<h1>宠物:{{ params.dog.name }}</h1>
<h1>宠物:{{ params.dog.eat() }}</h1>