Flask 后端传参到html

很多情况下静态网页不能满足业务需求,这个时候我们就要根据用户访问的页面动态更新页面的数据。

更改"/“路由代码

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
from flask import Flask,render_template

app = Flask(__name__)

@app.route("/")
def index():
    # 这个是需要传递到前端的数据
    result = {
        "name":"yaoke",
        "age":25
    }
    # 增加**result 参数(这里的result要对应上面传参的字典变量名,上面是'a'的话这里也要改成'a')
    return render_template("index.html",**result)

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

更改html代码

注意上面result定义了两个参数,前端页面可以根据key值渲染相应的value值。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Test Flask</title>
</head>

<body>
    <!-- 这里的name,age 对应后端result字典的key值 -->
    <h2>名称:{{ name }}</h2>
    <h2>年龄:{{ age }}</h2>
</body>
</html>

访问http://127.0.0.1:5000

如果你代码没打错,这时候应该能看到能渲染成功了。