一、整体架构设计
前端基于Echarts开源库设计,使用WebStorm编辑器;
后端基于Python Web实现,使用Pycharm编辑器;
数据传输格式:JSON;
数据源类型:本案例采用python request 采集实时数据方式。实际开发需求中,支持定制HTTP API接口方式或其它各种类型数据库,如PostgreSQL、MySQL、Oracle、Microsoft SQL Server、SQLite、Excel表格等。
数据更新方式:本案例为了展示数据,采用定时拉取方式。实际开发需求中,采用后端数据实时更新,实时推送到前端展示;
二、运行截图
1、安装谷歌浏览器,将chromediver.exe放在谷歌浏览器目录下面
2、pycharm打开项目
3、配置Python环境 (依赖包pyecharts、selenium)
4、运行HttpServer.py文件
5、浏览器打开网页:http://127.0.0.1:8818/