首页flask 前端（html）与后端（python）相互传数据样例代码

flask 前端（html）与后端（python）相互传数据样例代码

时间: 2023-03-26 13:03:43 浏览: 361

python实现通过flask和前端进行数据收发

5星 · 资源好评率100%

python代码： # -*- coding: utf-8 -*- from flask import Flask,jsonify,render_template,request import json app = Flask(__name__)#实例化app对象 testInfo = {} num=10 @app.route('/test_post/nn',methods=['GET','POST'])#路由 def test_post(): global num '''receive data''' recv_data = request.get_data() if re

可以使用 Flask 提供的 render_template 函数将后端数据传递给前端 HTML 页面，示例代码如下：在 Python 后端代码中： ```python from flask import Flask, render_template app = Flask(__name__) @app.route('/') def index(): data = {'name': '张三', 'age': 20} return render_template('index.html', data=data) if __name__ == '__main__': app.run() ``` 在 HTML 前端代码中： ```html <!DOCTYPE html> <html> <head> <title>Flask 传递数据示例</title> </head> <body> <h1>{{ data.name }}</h1> <p>年龄：{{ data.age }}</p> </body> </html> ``` 在这个示例中，我们定义了一个名为 data 的字典，包含了一个名为 name 的字符串和一个名为 age 的整数。在后端代码中，我们使用 render_template 函数将这个字典传递给了前端 HTML 页面。在前端 HTML 页面中，我们使用 {{ data.name }} 和 {{ data.age }} 的语法来获取后端传递过来的数据，并将其显示在页面上。

阅读全文