Flask 模板和模板视图参数渲染

ㅤ予

已于 2022-09-03 16:28:10 修改

阅读量511

点赞数

分类专栏： Flask-learn 文章标签： flask python 后端

于 2022-09-03 15:31:44 首次发布

本文链接：https://blog.csdn.net/qq_44791003/article/details/126678136

版权

Flask-learn 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

Flask 模板

在前面的实例中,视图函数的主要作用是生成请求的响应,这是最简单的请求。

视图函数有两个作用:

处理业务逻辑
返回响应内容

在大型应用中,把业务逻辑和表现内容放在一起,会增加代码的复杂度和维护成本.

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

使用模板的好处

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

通过这样的设计可以是前后台职责更加分明，耦合度低，可用性强，易扩展。

模板基本使用

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
      <h1>第一个模板HTML</h1>
</body>
</html>

编写视图函数并进行测试

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def index():
    return render_template('hello.html')

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

访问http://localhost:5000/

视图函数返回模板HTML

模板变量

示例1

往代码中传入字符串、列表、字典这些基础python数据类型，让模板进行接收并渲染显示

视图函数

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def index():
    # 往模板中传入的数据
    my_str = 'Template Parameter'
    my_int = 666
    my_array = [1, 1, 2, 3, 5, 8]
    my_dict = {
        'name': 'nz',
        'age': 23
    }
    return render_template('getparameter.html',
                           my_str=my_str,
                           my_int=my_int,
                           my_array=my_array,
                           my_dict=my_dict
                           )

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

编写getparameter.html模板

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
  <h1>模板接受视图函数返回的参数</h1>
  <br />String：{{ my_str }}
  <br />Integer：{{ my_int }}
  <br />List：{{ my_array }}
  <br />Dict：{{ my_dict }}
</body>
</html>

示例1

示例2

视图函数

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def index():
    my_int = 88
    my_str = 'Serendipity'
    my_list = [1, 2, 1, 3, 8]
    my_dict = {
        'name': 'Serendipity',
        'age': 23
    }

    # render_template方法:渲染模板
    # 参数1: 模板名称  参数n: 传到模板里的数据
    return render_template('getparameter2.html',
                           my_int=my_int,
                           my_str=my_str,
                           my_list=my_list,
                           my_dict=my_dict)


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

编写getparameter2.html模板

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>

<body>
  <h2>取值-get template parameter and get data item</h2>
  整数：{{ my_int }}
  <br>
  字符串：{{ my_str }}
  <br>
  列表：{{ my_list }}
  <br>
  字典：{{ my_dict }}
  <hr>
  <h2>取列表项-template list data item get</h2>
  <hr>
  列表项第一项：{{ my_list[0] }}
  <br>
  列表项第二项：{{ my_list.1 }}
  <hr>
  <h2>通过键取值-dict data get value by key</h2>
  <hr>
  name键的值：{{ my_dict['name'] }}
  <br>
  age键的值：{{ my_dict.age }}
  <hr>
  <h2>算术计算-Arithmetic operation</h2>
  <br>
 	{{ my_list.0}} + 10 ：{{ my_list.0 + 10 }}
  <br>
  	{{ my_list[0] }} + {{ my_list.1 }} ：{{ my_list[0] + my_list.1 }}
</body>

</html>