python flask后端实现与前端联动

1
2
3
4
5
6
7
8
9
10
11
12
13
from flask import Flask,render_template
# 创建web应用程序
app = Flask(__name__)

# 写一个函数来处理浏览器发送过来的请求
# 路由,你通过浏览器访问过来的请求到底交给谁来处理
@app.route("/") # 当访问到127.0.0.2:5000/ 其实这个"/"就是根目录
def index():
s = " Hello World!"
return render_template("hello.html",jay=s) # 此时会自动找templates文件夹里面的hello.html

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

需要注意几个问题:

  1. 需要在根目录下创建一个名为templates的文件夹,这里文件夹名必须是这个,然后在这个文件夹中存放html

  2. 与前端联动的话在程序开头必须加上import render_template

  3. 在index函数中return里面必须这样写,并且后面的jay=s就是一个指定的作用,因为我们需要先把后端的s的值发送给html,然后再把html文件传到后端进行运行。

  4. 下面是html里面的内容

    这里面主要是在a标签里面加入了一个

    外面的两个大括号必须要放,然后里面的jay就是一个变量名而已,和后端写的jay=s相对应

    所以这样就很清楚了,这个jay = s的意思就是前的jay变量和后端的s变量进行相关联,这样就可以使前后端联动了

    结果就是我们可以在后端写内容来控制前端的内容,这样可以使前端页面动态调整,比如说疫情数据随时要更新的,这样我们就可以通过后端的动态获取数据传给前端页面内容进行实时更新,这个获取数据的方法比如说爬虫就可以实现。