很多情况下静态网页不能满足业务需求,这个时候我们就要根据用户访问的页面动态更新页面的数据。
更改"/“路由代码
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
如果你代码没打错,这时候应该能看到能渲染成功了。