Python Flask 将数据传递给前端

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一样。。。

相关推荐

  1. Vue中Props父组件的数据传递子组件

    2024-03-24 18:58:02       57 阅读
  2. C 传递数组函数

    2024-03-24 18:58:02       39 阅读
  3. 【React】React中 Props 传递组件

    2024-03-24 18:58:02       41 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-24 18:58:02       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-24 18:58:02       100 阅读
  3. 在Django里面运行非项目文件

    2024-03-24 18:58:02       82 阅读
  4. Python语言-面向对象

    2024-03-24 18:58:02       91 阅读

热门阅读

  1. pytest 之数据驱动

    2024-03-24 18:58:02       47 阅读
  2. 八个 C++ 开源项目,帮助初学者进阶成长

    2024-03-24 18:58:02       41 阅读
  3. 基于单片机的农业智能节水灌溉系统设计

    2024-03-24 18:58:02       41 阅读
  4. 数学建模(Topsis python代码 案例)

    2024-03-24 18:58:02       42 阅读
  5. Pytorch:torch.cuda.empty_cache()

    2024-03-24 18:58:02       38 阅读
  6. trt | torch2trt的使用方式

    2024-03-24 18:58:02       37 阅读
  7. P7480 Reboot from Blue 线段树优化建图跑最短路

    2024-03-24 18:58:02       39 阅读
  8. 和neo4j相似的python工具

    2024-03-24 18:58:02       37 阅读
  9. 【2024-03-20】华为春招笔试三道编程题解

    2024-03-24 18:58:02       33 阅读