缘起:最近在写小项目,由于与Python Flask有关,又想要让数据库中的数据可视化,于是就尝试了echarts,其支持很多不同的数据图表,有兴趣的话可以自行学习。
本篇文章利用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
博主知乎地址:知乎