Python day41_Flask入门

作者: g_s_007 | 来源:发表于2018-07-04 22:00 被阅读0次

模板

Jinja2简介

引入

视图函数的主要作用是生成请求的响应,这是最简单的请求。实际上,视图函数有两个作用:处理业务逻辑和返回响应内容。在大型应用中,把业务逻辑和表现内容放在一起,会增加代码的复杂度和维护成本。本节学到的模板,它的作用即是承担视图函数的另一个作用,即返回响应内容

  • 模板其实是一个包含响应文本的文件,其中用占位符(变量)表示动态部分,告诉模板引擎其具体的值需要从使用的数据中获取
  • 使用真实值替换变量,再返回最终得到的字符串,这个过程称为“渲染”
  • Flask是使用 Jinja2 这个模板引擎来渲染模板

使用模板的好处:

  • 视图函数只负责业务逻辑和数据处理(业务逻辑方面)
  • 而模板则取到视图函数的数据结果进行展示(视图展示方面)
  • 代码结构清晰,耦合度低

使用

渲染模板函数

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

  • render_template 函数的第一个参数是模板的文件名,后面的参数都是键值对,表示模板中变量对应的真实值

  • {{}} 来表示变量名,这种 {{}} 语法叫做变量代码块

  • 用 {% %} 定义的控制代码块,可以实现一些语言层次的功能,比如循环或者if语句

  • 使用 {# #} 进行注释,注释的内容不会在html中被渲染出来

  • 在项目下创建 templates 文件夹,用于存放所有的模板文件,并在目录下创建一个模板html文件 文件名.html

1、 变量代码块

python file 部分:

@app.route('/index1')
def index():
    my_list = [1,2,3,4]
    my_str = 'hello'
    my_int = 13
    my_dict = {
        'name':'zhangsan',
        'age':18
    }
    # 导入render_template 模块,第一个参数是要渲染html文件
    # 后面的参数都是要传入的键值对
    return render_template('01_index.html',
                           my_list = my_list,
                           my_str = my_str,
                           my_int = my_int,
                           my_dict = my_dict)

html部分:

<body>
列表取下标值以及求和:
{{ my_list.1 + 20 }} <br>
{{ my_str.3 }} <br>
整数求和:
{{ my_int + 10}} <br>
字典取键值
{{ my_dict.name }} <br>
</body>

2、过滤器

过滤器的本质就是函数。有时候我们不仅仅只是需要输出变量的值,我们还需要修改变量的显示,甚至格式化、运算等等,而在模板中是不能直接调用 Python 中的某些方法,那么这就用到了过滤器

使用方式:

过滤器的使用方式为:变量名 | 过滤器。

{{variable | filter_name(*args)}}

在 jinja2 中,过滤器是可以支持链式调用的,示例如下:

{{ "hello world" | reverse | upper }}

内建过滤器

#Python部分
@app.route('/index2')
def index2():
    my_str1 = 'you are the best friend'
    my_str2 = 'HERO'
    my_list = [1,3,5,7]
    return render_template('02_index.html',my_str1 = my_str1,
                            my_list = my_list,my_str2 = my_str2)

# html部分

1.全部大写
{{ my_str1|upper }}<br>
2.首字母大写 其余小写
{{ my_str1|capitalize }}<br>
3.全部小写
{{ my_str2|lower }} <br>
4. 把值中每个单词的首字母大写
{{ my_str1|title }} <br>
5.字符串反转
{{ my_str1|reverse }} <br>
{{ my_str2|reverse }} <br>
6.格式化输出
{{ '%s is %d '|format('zhangsan',17) }}<br>
7.渲染之前把所有的html标签都删掉
{{ '<em>hello</em>'|striptags }}<br>
8.safe是安全的意思. 当你确定这段html代码没有安全问题,就可以使用safe
safe 会使得html标签生效
{{ '<em>hello</em>'|safe }}<br>
9.字符串截断
{{ my_str1|truncate(10,end='###') }} <br>
10.列表操作 第一个元素
{{ my_list|first }}<br>
11.列表 最后一个元素
{{ my_list|last }}<br>
12.列表长度
{{ my_list|length }}<br>
13.列表求和
{{ my_list|sum }}<br>
14.列表排序
{{ my_list|sort }} <br>
15.语句块过滤
{% filter upper %}
    sunshine
{% endfilter %}
<br>

自定义过滤器

自定义过滤器有两种实现方式:

  • 一种是通过Flask应用对象的 add_template_filter 方法
  • 通过装饰器来实现自定义过滤器

注意:自定义的过滤器名称如果和内置的过滤器重名,会覆盖内置的过滤器

举例:添加列表反转的过滤器

方式一实现:

 #方式一 使用过滤器 template_filter ,装饰器传入参数是过滤器的名字 随便取.视图函数传的参数是列表名
@app.template_filter('list_reverse')
def my_reverse(my_list):
    my_list.reverse()
    return my_list

方式二实现:

def my_reverse(my_list):
    my_list.reverse()
    return my_list
# 传参:第一个是函数名,第二个是过滤器名字
app.add_template_filter(my_reverse,'list_reverse')

3、控制代码块

在html文件中:

循环:
{% for 临时变量 in 列表或者字典 %}
    
{% endfor %}

判断:
{% if 条件 %}

{% endif %}

if 和 for 可以组合使用

在一个 for 循环块中你可以访问这些特殊的变量:

07.JPG

例子:

<ul>
{% for item in my_list %}
    {% if loop.first %}
         <li>第一次迭代的值:{{ item.value }}</li>
    {% endif %}
    {% if loop.last %}
        <li>最后一次迭代的值:{{ item.value }}</li>
        <li>到循环结束需要迭代的次数:{{ loop.revindex }}</li>
    {% endif %}
    <li>到循环结束需要迭代的次数:{{ loop.revindex }}</li>
    <li>序列中的项目数:{{ loop.length }}</li>
{% endfor %}

</ul>

相关文章

网友评论

    本文标题:Python day41_Flask入门

    本文链接:https://www.haomeiwen.com/subject/qwwyuftx.html