后端

04-flask-模版渲染

Posted by 刘勇(lyonger) on 2019-11-30

Flask渲染Jinja2模板和传参

  1. 如何渲染模板：
    • 模板放在templates文件夹下
    • 从flask中导入render_template函数。
    • 在视图函数中，使用render_template函数，渲染模板。注意：只需要填写模板的名字，不需要填写templates这个文件夹的路径。
  2. 模板传参：
    • 如果只有一个或者少量参数，直接在render_template函数中添加关键字参数就可以了。
    • 如果有多个参数的时候，那么可以先把所有的参数放在字典中，然后在render_template中，
      使用两个星号，把字典转换成关键字参数传递进去，这样的代码更方便管理和使用。
  3. 在模板中，如果要使用一个变量，语法是：
  4. 访问模型中的属性或者是字典，可以通过的形式，或者是使用.

过滤器

  1. 介绍和语法：

    • 介绍：过滤器可以处理变量，把原始的变量经过处理后再展示出来。作用的对象是变量。
    • 语法： 
      1
      {{ avatar|default('xxx') }}

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

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

  4. 常用的过滤器：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
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)：计算一个长字符串中单词的个数。

if判断

  1. 语法：

    1
    2
    3
    {% if xxx %}
    {% else %}
    {% endif %}

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

for循环遍历列表和字典

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

    1
    2
    3
    {% for k,v in user.items() %}
        <p>{{ k }}：{{ v }}</p>
    {% endfor %}

  2. 列表的遍历：语法和python一样。

    1
    2
    3
    {% for website in websites %}
        <p>{{ website }}</p>
    {% endfor %}

继承和block

  1. 继承作用和语法：

    • 作用：可以把一些公共的代码放在父模板中，避免每个模板写同样的代码。
    • 语法： 
      1
      {% extends 'base.html' %}

  2. block实现：

    • 作用：可以让子模板实现一些自己的需求。父模板需要提前定义好。
    • 注意点：字模板中的代码，必须放在block块中。

url链接

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

加载静态文件

  1. 语法：url_for('static',filename='路径')
  2. 静态文件，flask会从static文件夹中开始寻找，所以不需要再写static这个路径了。
  3. 可以加载css文件，可以加载js文件，还有image文件。 
    1
    2
    3
    4
    5
    6
    第一个：加载css文件
    <link rel="stylesheet" href="{{ url_for('static',filename='css/index.css') }}">
    第二个：加载js文件
    <script src="{{ url_for('static',filename='js/index.js') }}"></script>
    第三个：加载图片文件
    <img src="{{ url_for('static',filename='images/zhiliao.png') }}" alt="">

推荐阅读


赏 支付宝打赏 微信打赏

赞赏一下



FEATURED TAGS
后端
FRIENDS