Python Flask 将数据传递给前端

发布于:2024-03-25 ⋅ 阅读:(45) ⋅ 点赞:(0)
from flask import Flask, render_template

app = Flask(__name__)


@app.route("/index")
def index():
    data = {
        'name': "张三",
        "age": 18,
    }
    return render_template("index2.html", data=data)


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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
Hello world
{{ data }}

</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
Hello world
<br>
{{ data.name }}
{{ data.age }}

</body>
</html>

跟vue一样。。也可以用 data[''name]

如何传递列表数据呢

from flask import Flask, render_template

app = Flask(__name__)


@app.route("/index")
def index():
    data = {
        'name': "张三",
        "age": 18,
        'list': [123123,41,123]
    }
    return render_template("index2.html", data=data)


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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
Hello world
<br>
{{ data.name }}
<br>
{{ data.age }}
<br>
{{ data.list }}

</body>
</html>

可以取出固定元素

{{ data.list[1] }}

也可以进行运算

{{ data.list[1] + data.list[2] }}

跟vue一样。。。

本文含有隐藏内容,请 开通VIP 后查看

网站公告

今日签到

点亮在社区的每一天
去签到