通过jinja2模板语法实现Flask+echarts数据可视化项目中前后端数据传递

db_yc_3181

于 2023-05-29 11:43:12 发布

阅读量999

点赞数 5

文章标签： flask echarts python

本文链接：https://blog.csdn.net/Youngyyyyyy/article/details/130923429

版权

本文介绍了如何在Flask项目中利用jinja2模板语法实现前后端数据传递，结合echarts进行数据可视化。首先，文章指出在Flask的视图函数中通过render_template传递变量到html模板。然后，展示了如何将后端数据通过模板语法{{data}}在html中展示，并在引入echarts图表时传递数据。当遇到无法渲染图形的问题时，提示可以使用tojson过滤器将数据转换为json格式。

摘要由CSDN通过智能技术生成

本文的学习需要读者有一定的Flask和echarts的知识基础，初学者请先自学完成Flask简易项目搭建以及静态数据的echarts数据可视化。

一般地，Flask项目在主函数（app.py）里的视图函数（@route修饰的函数）的返回值中通过render_template函数对模板（html）进行渲染，并允许在render_template函数传入需要传递给模板（html）的变量。

下面是一个简单的例子：

【app.py】主函数部分：

from flask import Flask,render_template
app = Flask(__name__)

@app.route('/')
def hello():
    data = '这是一个后端数据'
    return render_template('page.html',data=data)

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

【page.html】模板部分：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>echarts画图</title>
    <script type="text/javascript" src=""></scrip

最低0.47元/天解锁文章

db_yc_3181

关注

5
点赞
踩
4

收藏

觉得还不错? 一键收藏
2
评论
通过jinja2模板语法实现Flask+echarts数据可视化项目中前后端数据传递

一般地，Flask项目在主函数（app.py）里的视图函数（@route修饰的函数）的返回值中通过render_template函数对模板（html）进行渲染，并允许在render_template函数传入需要传递给模板（html）的变量。本文的学习需要读者有一定的Flask和echarts的知识基础，初学者请先自学完成Flask简易项目搭建以及静态数据的echarts数据可视化。被称为【过滤器】，是一系列关于字符串的预处理方法，这里需要将data数据转换为json数据才能在html中进行渲染。
复制链接

扫一扫