【项目】全国疫情实时追踪——python爬虫+flask+echarts实现(超详细)(二)

简介: 【项目】全国疫情实时追踪——python爬虫+flask+echarts实现(超详细)(二)

接下来是css得代码


#title{
    position: absolute;
    width:40%;
    height:10%;
    top:0;
    left : 30%;
    background-color: #47c6e9;
  font-size: 30px;
  display:flex;
  align-items:center;
  justify-content:center;
}
#time{
    position: absolute;
    height:10%;
  width: 30%;
    top:0%;
    right:0%;
    font-size:20px;
    background-color: #47c6e9;
}
#ls{
  position: absolute;
  height:10%;
  width: 30%;
  top:0%;
  left:0%;
  font-size:30px;
  background-color: #47c6e9;
}
#z1{
    position: absolute;
    width:40%;
    height:30%;
    top:10%;
    left : 30%;
  background-color: #47c6e9;
    /* background:#black; */
}
#z2{
    position: absolute;
    width:40%;
    height:70%;
    top:30%;
    left : 30%;
    /* background:white; */
}
#zuo1{
    position: absolute;
    width:30%;
    height:45%;
    top:10%;
    left : 0;
    background:#666666;
}
#zuo2{
    position: absolute;
    width:30%;
    height:45%;
    top:55%;
    left : 0;
    background:#666666;
}
#y1{
    position: absolute;
    width:30%;
    height:45%;
    top:10%;
    right : 0%;
    background-color: #47c6e9;
}
#y2{
    position: absolute;
    width:30%;
    height:45%;
    top:55%;
    right : 0%;
    background-color: #47c6e9;
}
.num{
    width:25%;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    color:gold;
    font-size:10px;
}
.num1{
    width:25%;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    color:green;
    font-size:10px;
}
.num2{
    width:25%;
    float:left;
    display:flex;
    align-items:center;
    justify-content:center;
    color:red;
    font-size:10px;
}
.num3{
    width:25%;
    float: right;
    display: ;
    align-items:center;
    justify-content:center;
    color:wh:;;
    font-size:10px;
}
.txt{
    width:25%;
    float:left;
    font-family:'幼圆';
    display:flex;
    align-items:center;
    justify-content:center;
    color:white;
}
.txt h2{
     margin:0;
}

前端基本都布置好了,我们可以来写后端程序了


三.


flask的应用!!


首先我们得下载flask


下载方法就是pip得方法,我就不多说了。


就是flask得环境配置我说一下,我们先看图。


image.png


社区版我们需要自己创建这flask得文件夹,然后在里面创建这些文件夹。


我们剩下的直接看flask的代码。


from flask import Flask
from flask import render_template ,request,redirect,jsonify
import dr
app = Flask(__name__)
@app.route('/')
def hello_world():
   return render_template('lianxi.html',data=dr.get_data2(),data2 = dr.get_data3(),data3 = dr.get_data4())
@app.route('/time')
def get_time():
    return dr.get_time()
@app.route('/data')
def get_data():
    data = dr.get_data()
    return jsonify({'confirm':data[0],'heal':data[1],'dead':data[2],'shuru':data[3]})
import time
import csv
def get_time():
    time_str = time.strftime('%Y{}%m{}%d{} %X')
    return time_str.format('年','月','日')
def get_data():
    with open(r'C:\Users\admin\PycharmProjects\untitled\实战案例\yqin.csv','r')as f:
        list1=[]
        list3=[]
        f1=csv.reader(f)
        for i in f1:
            list1.append(i)
        list2 = list1[1]
        list3.append(list2[1])
        list3.append(list2[3])
        list3.append(list2[4])
        list3.append(list2[6])
    return tuple(list3)
def get_data1():
    with open(r'C:\Users\admin\PycharmProjects\untitled\yq1.csv', 'r', newline='')as f:
        f1 = csv.reader(f)
        lit2 = []
        dict1 = []
        for i in f1:
            lit1 = []
            if i[0] == '省份':
                continue
            else:
                # lit1.append({"name":i[0],"value":int(i[1])})
                lit1.append(i[0])
                lit1.append(int(i[1]))
                lit2.append(lit1)
    # return {'data':lit1}
    return lit2
def get_data2():
    lit= []
    f = get_data1()
    for i in f:
        lit.append({"name":i[0],"value":int(i[1])})
#     return jsonify({"data":lit})
    return lit
def get_data3():
    f = get_data1()
    list1 = []
    list2 = []
    for i in f:
        list1.append(i[0])
        list2.append(i[1])
    return list1,list2
def get_data4():
    with open(r'C:\Users\admin\PycharmProjects\untitled\实战案例\yimiao.csv','r',encoding='utf-8',newline='')as f:
        f1= csv.reader(f)
        list1 = list(f1)
        # for i in f1:
        #     print(i)
        return list1[0],list1[1],list1[2]

第二个是dr代码,负责后端数据的读取,就是最开始爬虫的数据传到前端数据中。


总结:


这差不多就是疫情实时追踪得全部步骤,还有那个前端的图形模块都是在echarts中可以下载的,大家直接下载就可以了,如果还有什么疑问可以直接找我讨论就可以哦,如果觉得写的可以的大家给我点点赞哦。



目录
相关文章
|
数据采集 存储 Docker
深入理解Docker:为你的爬虫项目提供隔离环境
本教程介绍如何使用Docker构建隔离环境,运行Python爬虫项目,采集小红书视频页面的简介和评论。主要内容包括: 1. **Docker隔离环境**:通过Docker容器化爬虫,确保环境独立、易于部署。 2. **代理IP技术**:利用亿牛云爬虫代理突破反爬限制。 3. **Cookie与User-Agent设置**:伪装请求头,模拟真实用户访问。 4. **多线程采集**:提高数据采集效率。 前置知识要求:Python基础、Docker基本操作及HTML解析(可选)。教程还涵盖常见错误解决方法和延伸练习,帮助你优化爬虫代码并避免陷阱。
352 7
深入理解Docker:为你的爬虫项目提供隔离环境
|
9月前
|
SQL 数据库 开发者
Python中使用Flask-SQLAlchemy对数据库的增删改查简明示例
这样我们就对Flask-SQLAlchemy进行了一次简明扼要的旅程,阐述了如何定义模型,如何创建表,以及如何进行基本的数据库操作。希望你在阅读后能对Flask-SQLAlchemy有更深入的理解,这将为你在Python世界中从事数据库相关工作提供极大的便利。
846 77
|
安全 前端开发 数据库
Python 语言结合 Flask 框架来实现一个基础的代购商品管理、用户下单等功能的简易系统
这是一个使用 Python 和 Flask 框架实现的简易代购系统示例,涵盖商品管理、用户注册登录、订单创建及查看等功能。通过 SQLAlchemy 进行数据库操作,支持添加商品、展示详情、库存管理等。用户可注册登录并下单,系统会检查库存并记录订单。此代码仅为参考,实际应用需进一步完善,如增强安全性、集成支付接口、优化界面等。
|
JSON 前端开发 API
使用Python和Flask构建简易Web API
使用Python和Flask构建简易Web API
802 86
|
存储 API 数据库
使用Python和Flask构建简单的RESTful API
使用Python和Flask构建简单的RESTful API
352 2
|
JSON 关系型数据库 测试技术
使用Python和Flask构建RESTful API服务
使用Python和Flask构建RESTful API服务
634 2
|
JSON API 数据格式
使用Python和Flask构建简单的Web API
使用Python和Flask构建简单的Web API
|
开发框架 前端开发 JavaScript
利用Python和Flask构建轻量级Web应用的实战指南
利用Python和Flask构建轻量级Web应用的实战指南
930 2
|
JSON API 数据格式
如何使用Python和Flask构建一个简单的RESTful API。Flask是一个轻量级的Web框架
本文介绍了如何使用Python和Flask构建一个简单的RESTful API。Flask是一个轻量级的Web框架,适合小型项目和微服务。文章从环境准备、创建基本Flask应用、定义资源和路由、请求和响应处理、错误处理等方面进行了详细说明,并提供了示例代码。通过这些步骤,读者可以快速上手构建自己的RESTful API。
738 2
|
安全 数据库 C++
Python Web框架比较:Django vs Flask vs Pyramid
Python Web框架比较:Django vs Flask vs Pyramid
247 1

推荐镜像

更多