Echart官网: https://www.echartsjs.com/zh/download.html

Github: https://github.com/why19970628/Cov

前端：

1. main.css先把布局完善，
2. 通过id属性的ajax请求获取后端数据，
3. 导入echats.js，自定义相关id关联图形的js，在crntroller.js中管理,并设置定时刷新数据

后端

后端实现的主要思路很类似：

1. 从官方爬取数据与热搜文章标题，放入数据库
2. 通过路由，返回给ajax请求所需要的数据格式
3. corntab中定时抓取数据

技术难点

数据的抓取、echarts的数据格式配置

项目部署服务器

gunicorn启动

gunicorn -b 127.0.0.1:8001 -D app:app

nginx配置

upstream mycluster{
                server 127.0.0.1:8001;
        }
        server {
            listen 8000;
            server_name  127.0.0.1;
            location / {
                proxy_pass http://mycluster;
            }
            error_page   500 502 503 504  /50x.html;
        }