Flask - jinjia2的使用

最新推荐文章于 2024-06-16 15:50:56 发布

安分小码农

最新推荐文章于 2024-06-16 15:50:56 发布

阅读量391

点赞数 11

文章标签： flask python 后端

本文链接：https://blog.csdn.net/weixin_69444229/article/details/136667601

版权

html 的写法模板

html 网页的目录格式

在 templates 文件夹内（创建一个以 .html 结尾的文件）

使用 Flask 将变量传入 html 中显示

Flask 代码：使用python后端

from flask import Flask, render_template

app = Flask(__name__)  # 实例化Flask

# 定义 类
class User:
    def __init__(self, name, age):
        self.name = name
        self.age = age


@app.route('/')
def funck():
    arg_v = 'arg_v'

    data_class = User(name='发疯的程序员', age=18)  # 实例化类 User 并传入参数

    data_list = ['列表01', '列表02', '列表03', ]  # 定义列表

    data_dict = {'name': '字典—naem',  # 定义字典
                 'age': '字典—age',
                 'id': '字典—id'}

    html_demo = render_template('index_01.html',
                                arg_k=arg_v,            # 直接传入 数据
                                data_class=data_class,  # 传入 类
                                data_list=data_list,    # 传入 列表
                                data_dict=data_dict     # 传入 字典
                                )

    return html_demo


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

html 中显示 flask 传入的参数的方法

在html中使用 {{ }} 包裹传入的参数并可以使用 python 的语法得到数据

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>获取Flask数据方法</title>
</head>
<body>
<h1> 获取Flask数据方法 </h1>

<div>获取直接数据 {{arg_k}} </div>

<div>获取类属性 name:{{data_class.name}} age:{{data_class.age}}</div>  <!--获取类属性时候和 python 一样 -->

<div>获取字典值 字典01:{{data_dict['naem']}} 字典02:{{data_dict.age}}</div>  <!--获取字典数据和python 一样 但是也可以使用类的属性写法 -->

<div>获取列表值 列表:{{data_list[1:3]}} </div>  <!--获取字典数据和python 一样 -->

</body>
</html>