jquery导入数据_Python flask+echarts实现数据可视化

最新推荐文章于 2020-12-28 07:06:00 发布

weixin_39875028

最新推荐文章于 2020-12-28 07:06:00 发布

阅读量297

点赞数

文章标签： jquery导入数据

本篇文章利用Python Flask框架与echarts相结合，以商品的库存量与销售量数据可视化作为示例，展示了一个从建立数据库，到Python封装数据库信息为json格式数据，前端接受json格式数据并执行响应，最终展示数据的到页面的一个完整的流程。

项目结构
Goods文件夹
|-static
||-下载的chart文件夹
||-echarts.js
||-js
|||-jquery.min.js
|-templates
||-index.html
|-Goods.db
|-view.py

1、数据库建立

由于没有太多的数据，本次就选用了轻量级的SQLite数据库，数据库可以更换为任何你想用的。

数据库Goods.db -> 数据表名称Goodsdata -> 表结构如下：

2、Python连接数据库并封装数据为json格式数据

# view.py

3、前端页面接收json格式数据并利用echarts可视化显示

<!DOCTYPE html>

4、页面展示

不同格式 ↓

至此一个简单的数据可视化页面就制作完成了，是不是很简单☺

博主GitHub page地址：

影zhan-ying.github.io

博主知乎地址：知乎

关注