Flask_day_2渲染Jinja2模板和传参（if判断、for循环、过滤器、继承和block、URL链接）

***Flask渲染Jinja2模板和传参：

 

1.如何渲染模板

*模板放在'templates'文件夹下

*在'flask'中导入'render_template'

*在视频函数中，用'render_template'

函数，渲染模板，注意：只要填写模板的名字，不需要填写模板的名字，不需要填写‘templates’这个文件夹的路径。

 

2.模板传参：

*如果只有一个或者少量参数，直接在'render_template'函数中添加关键字参数就可以了。

*如果有多个参数的时候，那么可以先把所有的参数放在字典中，然后在‘render_template’,使用两个星号，把字典转换成关键参数传进去，这样的代码更方便管理和使用

 

3.在模板中，如果要使用一个变量，语法是：'{{params}}'

 

4.访问模型中的属性或者是字典，可以通过'{{params.property}}'的形式，或者使用{{params['propety']}}

 

****if判断 ****

1.语法：

{% if xxx%}

{%else%}

{{%endif%}}

2.if的使用，可以和python中相差无几。

 

***for循环***

1.字典的遍历，语法和'python'一样，可以使用items(), keys(),values(),iteritems(),iterkeys(),itervalues();

{%for k,v in context.items()%}

<p>{{k}}:{{v}}</p>

{%endfor%}

2.列表的遍历

{% for lie in liebiao%}

{{lie}}

{%endfor%}

 

****过滤器****

1.介绍和语法：

*介绍：过滤器可以处理变量，把原始的变量经过处理后再展示出来。作用的对象是变量。

*语法：

......

{{avatar|default('xxx')}}

...

2.default过滤器：如果当前变量不存在，这时候可以 指定默认值 。

3.length过滤器：求列表或者字符串或者字典或者元组的长度。

 

.常用的过滤器：

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)：计算一个长字符串中单词的个数

 

***继承和block***

1.继承作用和语法

*作用：可以把一些公共的代码放在父模板中，避免每个模板写同样的代码

 

2.block实现：

*作用：可以让子模板实现一些自己的需求，父模板需要提前定义好。

*注意点：子模板中的代码，必须写在block块中。

 

***URL链接：

使用url_for(视图函数名称)可以反转成url.

 

***加载静态文件:

1.语法：

2.静态文件：

3.静态文件都放在static下

（1）加载css

<link ref="stylesheet" href="{{url_for('static',filename='css/index.css')}}"></link>

（2）加载js

<script src="{{url_for('static',filename='js/xxx.js')}}"></script>

(3)加载图片文件

<img src="{{url_for('static',filename='img/xxx.png')}}" alt="">