晓看天色暮看云
  • near_me
    首  页
  • view_week
    分  类
    keyboard_arrow_down
    layers
    页  面
    keyboard_arrow_down
  • description 文  章
    35
  • textsms 评  论
    0
  • vincent
    商品数据分析可视化大屏

    access_time
    brush 443个字
    whatshot 195 ℃

    文件说明

    微信图片_20240601144624.png

    爬虫部分

    • 数据来源
    • 数据如何获取

      • 查看数据是服务端渲染还是客户端渲染

        1. 右键选择检查或按F2打开开发者工具,在开发者工具选项卡里面选择网络
        2. 然后选择网络下的文档选项卡
        3. 找到当前页面
        4. 查看需要的数据是否渲染,结果为客户端渲染
          微信图片_20240601152909.png
      • 找到客户端渲染获取数据的请求

        1. 如上选择网络下的Fetch/XHR选项卡
        2. 查看请求日志(如果没有日志刷新一下页面或者按F5)
        3. 找到需要的数据
          微信图片_20240601153212.png
      • 分析请求

        1. 查看请求地址
        2. 查看请求类型
          微信图片_20240601153834.png
        3. 查看请求参数
          微信图片_20240601153837.png
        4. 分析参数
          微信图片_20240601154231.png
          由图所示,我们只需要改变pageNumber的值就可以获取其他页的数据,其他参数不选改
      • 编写爬虫
        查看爬虫文件

    数据预处理

    查看对应文件即可

    数据分析

    对应文件里有6个函数,对应着6个图所需要的数据,这6个函数分别对应6个后端接口,后端接口回调用对应的函数返回数据给前端

    • line_plot -> 折现图
    • pie_plot -> 饼图
    • bar_plot -> 变化率柱状图
    • word_cloud_plot -> 词云图
    • boxplot_data -> 箱线图
    • mean_price_bar -> 平均价格柱状图

    后端接口

    提供给前端6个图请求对应的数据接口
    flask服务器默认地址加端口号为http://127.0.0.1:5000
    所有前端请求后端接口的地址为http://127.0.0.1:5000 + 接口路由地址
    ps:接口路由地址
    微信图片_20240601155840.png
    接口函数对应的图表

    • line -> 折现图
    • pie -> 饼图
    • bar -> 变化率柱状图
    • word -> 词云图
    • boxplot -> 箱线图
    • mean -> 平均价格柱状图

    前端绘图

    微信图片_20240601160644.png

    #如无特别声明,该文章均为 vincent 原创,转载请遵循 署名-非商业性使用 4.0 国际(CC BY-NC 4.0) 协议,即转载请注明文章来源。
    #最后编辑时间为: 2024 年 06 月 01 日





    关于 DreamCat

    主题名称:DreamCat | 版本:2.8.221001(LTS)

    主题开发:HanFengA7 | TeddyNight | Dev-Leo | CornWorld | WhiteBearcn | DFFZMXJ

    Designed by HanFengA7 Power by Typecho

    Copyright © 2015-2025 by LychApe All rights reserved!

    加我的QQ
    加我的微博
    加我的支付宝
    加我的微信