资讯 小学 初中 高中 语言 会计职称 学历提升 法考 计算机考试 医护考试 建工考试 教育百科
栏目分类:
子分类:
返回
空麓网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
空麓网 > 计算机考试 > 软件开发 > 后端开发 > Python

Flask Jinja2模板

Python 更新时间: 发布时间: 计算机考试归档 最新发布

Flask Jinja2模板

文章目录
  • 一、cookie
  • 二、session
  • 三、上下文
    • 3.1 请求上下文(request context)
    • 3.2 应用上下文(application context)
    • 3.3 总结
  • 四、Flask_script
  • 五、Jinja2模板引擎简介
    • 5.1 Jinja2模板概述
    • 5.2 Jinja2特点
    • 5.3 render_template[掌握]
    • 5.4 模板语法,获取变量
    • 5.5 模板语法,分支循环判断
    • 5.6 系统字符串过滤器
    • 5.7 系统列表过滤器
    • 5.8 自定义过滤器
    • 5.9 代码复用之宏
    • 5.10 代码复用之继承
    • 5.11 代码复用之包含
    • 5.12 模板使用练习
    • 5.13 模板特有变量

一、cookie
* 指某些网站为了辨别用户身份、进行会话跟踪而储存在用户本地的数据(通常经过加密)。
* 复数形式cookies。
* cookie最早是网景公司的前雇员Lou Montulli在1993年3月的发明。
* cookie是由服务器端生成,发送给客户端浏览器,浏览器会将cookie的key/value保存,
* 下次请求同一网站时就发送该cookie给服务器.
* cookie中的key/value可以由服务器端自己定义。
  • 解释: 用来保持服务器和浏览器交互的状态的, 由服务器设置,存储在浏览器
  • 作用: 用来做广告推送等

cookie的设置和获取

  • 设置cookie:
    response.set_cookie(key,value,max_age)
    max_age: 表示cookie在浏览器的存储时间,单位是秒
  • 获取cookie:
    request.cookies.get("key")
from flask import Flask, make_response, request

app = Flask(__name__)

#设置cookie
@app.route('/set_cookie')
def set_cookie():

    #调用make_response方法获取响应体对象
    response = make_response("set cookie")

    #设置cookie
    response.set_cookie("computer","lenovo")
    response.set_cookie("age","13",10)

    return response
二、session
  • 解释: 服务器和用户来做状态保持的,里面存储的是敏感信息(比如身份证,登陆信息),由服务器设置,并存储在服务器(可以存在内存,文件,数据库等,最终解决方案是存在redis数据库中)

  • 作用: 用来做用户的登陆状态保持

  • session的设置和获取

    设置session: 
    sessioin[key] = value
    
    获取session: 
    value =  session.get(key)
    
  • 注意点:

    • 1.session的存储依赖于cookie
    • 2.存储在cookie中的sessionID需要加密,需要秘钥(SECRET_KEY)
from flask import Flask, session
app = Flask(__name__)

#设置SECRET_KEY
app.config["SECRET_KEY"] = "tianwanggaidihu" 

#设置session
@app.route('/set_session/')
def set_session(name):
    session["name"] = name
    return "set session!"


#获取session
@app.route('/get_session')
def get_session():
    value = session.get("name")
    return "set session, name is %s"%value


if __name__ == '__main__':
    app.run(debug=True)
三、上下文 3.1 请求上下文(request context)

在视图函数中,如何取到当前请求的相关数据?比如:请求地址,请求方式,cookie等等?
在 flask 中,可以直接在视图函数中使用 request 这个对象进行获取相关数据,而 request 就是请求上下文的对象,保存了当前本次请求的相关数据,请求上下文对象有:request、session。

  • request
    封装了HTTP请求的内容,针对的是http请求。举例:user = request.args.get(‘user’),获取的是get请求的参数。

  • session
    用来记录请求会话中的信息,针对的是用户信息。举例:session[‘name’] = user.id,可以记录用户信息。还可以通过session.get(‘name’)获取用户信息。

3.2 应用上下文(application context)

它的字面意思是 应用上下文,但它不是一直存在的,它只是request context 中的一个对 app 的代理(人),所谓local proxy。它的作用主要是帮助 request 获取当前的应用,它是伴 request 而生,随 request 而灭的。

应用上下文对象有:current_app,g。

  • current_app
    应用程序上下文,用于存储应用程序中的变量,可以通过current_app.name打印当前app的名称,也可以在current_app中存储一些变量,例如:

    应用的启动脚本是哪个文件,启动时指定了哪些参数
    加载了哪些配置文件,导入了哪些配置
    连了哪个数据库
    有哪些public的工具类、常量
    应用跑再哪个机器上,IP多少,内存多大
    
  • g变量
    g 作为 flask 程序全局的一个临时变量,充当者中间媒介的作用,我们可以通过它传递一些数据,g 保存的是当前请求的全局变量,不同的请求会有不同的全局变量,通过不同的thread id区别
    g.name=‘abc’
    注意:不同的请求,会有不同的全局变量

两者区别:

  • 请求上下文:保存了客户端和服务器交互的数据
  • 应用上下文:flask 应用程序运行过程中,保存的一些配置信息,比如程序名、数据库连接、应用信息等
    上下文中的对象只能在指定上下文中使用,超出范围不能使用 请求上下文和应用上下文原理实现:点我
3.3 总结
  • 请求上下文
    • request: 封装的是请求相关的数据
    • session: 封装的是和用户相关的敏感信息
  • 应用上下文(在项目中具体应用)
    • current_app: 是app的一个代理对象,可以通过他获取app身上设置的各种属性,主要用在模块化开发中
    • g: 一个局部的全局变量,主要用在装饰器中
from flask import Flask, current_app

app = Flask(__name__)

@app.route('/')
def hello_world():

    print(app.config.get("DEBUG"))
    print(current_app.config.get("DEBUG"))

    return "helloworld"

if __name__ == '__main__':
    app.run(debug=True)
四、Flask_script

属于flask的扩展包,通过使用Flask-script扩展,我们可以在Flask服务器启动的时候,通过命令行的方式传入参数。而不仅仅通过app.run()方法中传参,比如我们可以通过:

python hello.py runserver -host ip地址
"""
- 解释: 属于flaks的扩展
- 作用: 用来动态运行程序,配合flask_migrate做数据库迁移
- 使用格式:
  - 1.安装
    - pip install flask_script
  - 2.导入Manager类
  - 3.创建对象manager,管理app
  - 4.使用manager启动程序
    - 启动命令: python xxx.py runserver -h(host是IP地址) -p(端口号) -d(调试模式)

"""
from flask import Flask
from flask_script import Manager

app = Flask(__name__)
app.config["DEBUG"] = True

#3.创建对象manager,管理app
manager = Manager(app)

@app.route('/')
def hello_world():

    return "helloworld"

if __name__ == '__main__':
    manager.run()

五、Jinja2模板引擎简介 5.1 Jinja2模板概述

用来展示数据的html页面,这个过程也通常称为渲染,属于Jinja2的功能。 使用模板的好处:

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

Jinja2:是 Python 下一个被广泛应用的模板引擎,是由Python实现的模板语言,他的设计思想来源于 Django 的模板引擎,并扩展了其语法和一系列强大的功能,其是Flask内置的模板语言。
模板语言:是一种被设计来自动生成文档的简单文本格式,在模板语言中,一般都会把一些变量传给模板,替换模板的特定位置上预先定义好的占位变量名。
使用render_template函数封装模板引擎

5.3 render_template[掌握]
  • 解释: 属于jinja2的模板函数
  • 好处:
    • 1.以后的视图函数,只负责业务逻辑的处理,比如: 数据库的增删改查
    • 2.以后数据的展示,全部都有jinja2的模板负责
  • 使用格式:
    • response = render_template(‘模板文件’)
from flask import Flask,render_template

app = Flask(__name__)

@app.route('/')
def hello_world():

    response = render_template('file01template.html') # 需要用此函数关联模板文件

    return response

if __name__ == '__main__':
    app.run(debug=True)
5.4 模板语法,获取变量
  • 解释: 在模板中获取视图函数的变量
  • 格式:
    • {{ 变量 }}

整数:{ {number} }

元祖:{ {tuple[0]} }

列表:{ { list[0] } }

字典:{ { dict['key'] } }

5.5 模板语法,分支循环判断
  • 模板语法的种类

    • 分支格式:

      {% if 条件 %}
      	语句1
      {% else%}
      	语句2
      {% endif %}
      
    • 循环语句格式:

      {% for 变量 in 容器 %}
      
      {% endfor %}
      
    • 注释:

      {# 这里是注释的内容 #}
      

例:后端代码:

from flask import Flask, render_template

app = Flask(__name__)#默认省略了三个参数,static_url_path, static_folder, template_folders


@app.route('/')
def hello_world():
    # 1.定义各种类型的变量
    number = 10
    str = "老王"
    tuple = (1, 2, 3, 4, 5)
    list = [6, 7, 8, 9, 10]
    dict = {
        "name": "bertwu",
        "age": 29
    }

    # 2.携带变量到模板中展示
    return render_template("file02.html", number=number, str=str, tuple=tuple, list=list, dict=dict)


if __name__ == '__main__':
    app.run(debug=True)

jinjar2 模板代码:




    
    Title


    

1.获取各种变量的值

整数: {{number}}

字符串: {{str}}

元组: {{tuple}},分开获取: {{tuple[0]}}, {{ tuple.1 }}

列表: {{list}},分开获取: {{ list[0] }}, {{ list.1 }}

{# 如果字典使用方括号,获取,需要写成字符串,如果不是字符串,那么则会被当成变量对待 #}

字典: {{dict}}, 分开获取: {{ dict.name }}, {{ dict["age"] }}

2.遍历元祖中的偶数

{% for item in tuple %} {% if item %2 == 0 %}

{{ item }}

{% endif %} {% endfor %}

3.遍历字典

{% for key in dict %} {# dict.key那么这个key会当成字典中的一个键, dict[key],那么这个key当成一个变量,很明显这里是一个变量 #}

{{ key }} = {{ dict[key] }}

{% endfor %}

结果:

5.6 系统字符串过滤器

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

  • 解释: 过滤器,用来过滤想要的数据
  • 格式: {{ 字符串 | 字符串过滤器 }}
  • 常见的字符串过滤器有:
    • title: 将每个单词的首字母都大写
    • lower: 将每个单词都小写
    • upper: 将每个单词都大写
    • reverse: 反转



    
    Title


	
{# 使用格式:{{ 字符串 | 字符串过滤器 }} #} 1.safe:禁用转义,让标签生效,负责会按照原标签输出

{{ 'hello' | safe }}

2.capitalize:把变量值的首字母转成大写,其余字母转小写

{{ 'hello PYTHON' | capitalize }}

3.lower:把值转成小写

{{ 'HELLO PYthON' | lower }}

4.upper:把值转成大写,中文没有大小写

{{ 'hello python 你好' | upper }}

5.title:把值中的每个单词的首字母都转成大写

{{ 'hello world python java' | title }}

6.reverse:字符串反转

{{ 'olleh' | reverse }}

{{ '我爱你' | reverse }}

7.format:格式化输出

{{ '%s is %d' | format('age',17) }}

8.striptags:渲染之前把值中所有的HTML标签都删掉

{{ 'hello' | striptags }}

渲染后结果:

5.7 系统列表过滤器
  • 解释: 过滤器,用来过滤想要的数据
  • 格式: {{ 列表 | 列表过滤器 }}
  • 常见的列表过滤器有:
    • first: 获取列表第一个元素
    • last: 最后一个元素
    • sum: 列表和
    • length: 列表长度



    
    Title


    
{# 使用格式:{{ 列表 | 列表过滤器 }} #} 1.first:取第一个元素

{{ [1,2,3,4,5,6] | first }}

2. last:取最后一个元素

{{ [1,2,3,4,5,6] | last }}

3. length:获取列表长度

{{ [1,2,3,4,5,6] | length }}

4.sum:列表求和

{{ [1,2,3] | sum }}

5.sort:列表排序,默认升序

{{ [6,2,3,1,5,4] | sort }}

6.过滤器的链式调用 {# 过滤器的链式调用 #} {{ "hello" | upper | reverse }}

渲染结果:

5.8 自定义过滤器
  • 解释: 当系统提供的过滤器满足不了需求的时候,需要自定义

  • 自定义过滤器有两种格式:

    • 1.先定义好函数,再将函数添加到系统默认的过滤器列表中

      • def 函数名: pass
      • app.add_template_filter(函数名,'过滤器名字')
    • 2.定义函数的时候,直接使用系统过滤器进行装饰

      @app.template_filter('过滤器名字')
      def 函数名():
          pass
      
    • 案例:

    • 1.获取列表偶数和

    • 2.反转列表

from flask import Flask, render_template

app = Flask(__name__)


# 1.先定义好函数,再将函数添加到系统默认的过滤器列表中
def get_even_sum(list):
    print(list)
    sum = 0
    for i in list:
        if i % 2 == 0:
            sum += i
    return sum


# 参数1: 关联的函数名称,  参数2: 在模板中使用的过滤器名字
app.add_template_filter(get_even_sum, "even_sum")


# 2.定义函数的时候,直接使用系统过滤器进行装饰
@app.template_filter("reverse")
def listreverse(list):
    list.reverse()
    return list


@app.route('/')
def hello_world():
    return render_template("file06custom_filter.html")


if __name__ == '__main__':
    app.run(debug=True)

在模板中使用自定义过滤器




    
    Title



    

原列表: {{ [1,2,3,4,5,6] }}

偶数列表: {{ [1,2,3,4,5,6] | even_sum }}

反转列表: {{ [1,2,3,4,5,6] | reverse }}

降序列表: {{ [1,2,3,4,5,6,10,9,7] | sort | reverse }}

渲染结果:

5.9 代码复用之宏
  • 解释: 相当于python中的函数,定义好一段功能,在需要的时候进行调用即可

  • 定义格式:

    {% macro 宏名(参数) %}
    
    {% endmacro %}
    
  • 使用格式:

    // 使用当前文件定义好的宏
    {{ 宏名(参数) }}
    
    //使用其他文件定义好的宏
    {% import '文件' as 别名%}
    {{ 别名.宏名(参数) }}
    

后端代码

from flask import Flask,render_template

app = Flask(__name__)

@app.route('/')
def hello_world():

    return render_template("file07macro.html") # 关联宏文件

if __name__ == '__main__':
    app.run(debug=True)

前端宏文件07




    
    Title



    {# 定义宏 #}
    {% macro my_macro(name,password) %}
        用户名: 
密码:
{% endmacro %} {# 调用当前文件宏 #} {{ my_macro("bertwu","123") }} {# 使用其他文件的宏 #} {% import 'file08othermacro.html' as other %} {{ other.my_input() }} {{ other.my_div() }}

前端宏文件08,被07文件所引用

{% 定义自己的宏 %}
{% macro my_macro(name,password) %}
    用户名: 
密码:
{% endmacro %} {% macro my_input() %}

这是一个其他文件的宏

{% endmacro %} {% macro my_div() %}
我是一个孤独的div
{% endmacro %}

访问效果:

5.10 代码复用之继承

解释: 一个子模板继承自父模板
作用: 共性抽取,代码复用

  • 父模板

    • 1.所有子类都具有的相同的内容的, 在父模板中直接写死
    • 2.每个子类的模板中不一样的内容,使用block模板定义好
  • 子模板

    • 1.根据子类自己的需求,去重写父类中的block对应的内容
    • 2.如果重写之后,还想保留父类的内容,那么使用{{super()}}
    • 3.继承格式: {% extends ‘父文件名’%}, 写在页面的顶部
  • 注意点:

    • 定义block的格式

      {% block 名称 %}
      
      {% endblock %}
      

父模板:




    
    Title



    {# 头部部分 #}
    {% block titleBlock %}
        

静夜思

{% endblock %} {# 正文部分 #} {% block contentBlock %} {% endblock %} {# 底部部分 #}

字模板1:

{% extends 'file11fu.html' %}

{# 重写正文部分 #}
{% block contentBlock %}
    

床前一锅汤,
撒了一裤裆,
抬头拿抹布,
低头擦裤裆

{% endblock %}

子模板2

{% extends 'file11fu.html' %}

{# 重写父类titleBlock内容 #}
{% block titleBlock %}
    {{ super() }}
    

新静夜思

{% endblock %} {# 重写父类中的contentBlock内容 #} {% block contentBlock %}

床前明月光,
疑似地上霜,
举头望明月,
低头思故乡

{% endblock %}

后端代码:

from flask import Flask,render_template

app = Flask(__name__)

@app.route('/')
def hello_world():

    # return render_template("file10zi.html")
    return render_template("file09zi.html")

if __name__ == '__main__':
    app.run(debug=True)

渲染09模板

渲染10模板,得到如下结果:

5.11 代码复用之包含
  • 解释: 在一个文件中完全拥有另外一个文件,不够灵活,没法扩展

  • 格式:

    方式一:
    {% include '文件' %}
    
    方式二:
    {% include '文件' ignore missing %}
    
    
  • 注意点: 后面加上 ignore missing, 如果包含的文件不存在,也不会报错,否则会报错。

5.12 模板使用练习
  • 题目: 给出5条数据,显示前四条
from flask import Flask, render_template

app = Flask(__name__)


@app.route('/')
def hello_world():
    # 1.定义5条数据
    my_list = [
        {
            "id": 1,
            "value": "我爱工作"
        },
        {
            "id": 2,
            "value": "工作使人快乐"
        },
        {
            "id": 3,
            "value": "沉迷于工作无法自拔"
        },
        {
            "id": 4,
            "value": "日渐消瘦"
        },
        {
            "id": 5,
            "value": "以梦为马,越骑越傻"
        }
    ]

    # 2.在模板中显示4条
    return render_template("file13practice.html", list=my_list)


if __name__ == '__main__':
    app.run(debug=True)




    
    Title



    
    {# 如果dict.id 不等于5才遍历 #} {% for dict in list if dict.id !=5 %} {# 方式一 #} {# {% if dict.id == 1 %}#} {#
  • {{ dict.value }}
  • #} {# {% elif dict.id == 2 %}#} {#
  • {{ dict.value }}
  • #} {# {% elif dict.id == 3 %}#} {#
  • {{ dict.value }}
  • #} {# {% else %}#} {#
  • {{ dict.value }}
  • #} {# {% endif %}#} {# 遍历的时候可以获取到从0开始的索引 #} {#

    {{ loop.index0 }}

    #} {# 遍历的时候可以获取到从1开始的索引 #} {#

    {{ loop.index }}

    #} {# 方式二 #} {% if loop.index == 1 %}
  • {{ dict.value }}
  • {% elif loop.index == 2 %}
  • {{ dict.value }}
  • {% elif loop.index == 3 %}
  • {{ dict.value }}
  • {% else %}
  • {{ dict.value }}
  • {% endif %} {% endfor %}

结果:

5.13 模板特有变量
  • 解释: 不需要通过python程序传递就可以直接使用的变量
  • 常见的特有变量如下:
    • config: 就是flask中的app.config, 表示应用程序中的所有配置信息
    • request: 表示请求上下文对象,封装的是请求相关的数据
    • g: 局部的全局变量(了解)
    • url_for(): 反解析,通过函数的名字,解析到视图函数的路径
    • get_flashed_messsages(): 用来消耗flash方法中存储的消息.
      • 场景: 登陆出错,可以显示出提示信息
      • 注意点:
        • 1.使用flash存储消息的时候需要设置SECRET_KEY
        • 2.因为flash内部的消息存储,依赖于了session
from flask import Flask,render_template

app = Flask(__name__)
app.config["SECRET_KEY"] ="hahaha"
@app.route('/')
def hello_world():

    return render_template("file14special_variable.html")

@app.route('/test/')
def test(age):
    return "test..."


if __name__ == '__main__':
    app.run(debug=True)



    
    Title



    

config变量: {{ config }}

request: {{ request.method }}

request: {{ request.url }}

url_for(): {{ url_for("hello_world") }}

url_for(): {{ url_for("test",age=100) }}


get_flashed_messsages()的使用

from flask import Flask, render_template, flash

app = Flask(__name__)
app.config["SECRET_KEY"] = "fdjkfjdk"


@app.route('/')
def hello_world():
    return render_template("file15flash.html")


@app.route('/test')
def test():
    # 存储消息
    flash("登陆成功")
    return "test"


if __name__ == '__main__':
    app.run(debug=True)

前端代码:




    
    Title



	{% 取flash中存的消息,无论存多少都一次性取出,只能取一次 %}
    {{ get_flashed_messages() }}



转载请注明:文章转载自 http://www.konglu.com/
本文地址:http://www.konglu.com/it/344658.html
免责声明:

我们致力于保护作者版权,注重分享,被刊用文章【Flask Jinja2模板】因无法核实真实出处,未能及时与作者取得联系,或有版权异议的,请联系管理员,我们会立即处理,本文部分文字与图片资源来自于网络,转载此文是出于传递更多信息之目的,若有来源标注错误或侵犯了您的合法权益,请立即通知我们,情况属实,我们会第一时间予以删除,并同时向您表示歉意,谢谢!

我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2023 成都空麓科技有限公司

ICP备案号:蜀ICP备2023000828号-2