网易云图（小白向）（一）

最新推荐文章于 2024-07-04 09:24:51 发布
最新推荐文章于 2024-07-04 09:24:51 发布
阅读量1.7k 收藏
点赞数
分类专栏： 实战项目 Java 文章标签： java 大数据
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/or_yx/article/details/107846966
版权

第一篇我来为大家作一个思路上的梳理

一、项目需求

大家的生活都离不开音乐，而说到最走情怀的音乐平台那非网易云莫属，尤其在这“人均网抑”的时代，网易云的评论区俨然成为了大家发泄情绪的一个窗口，就像这首最近又火起来的《信仰》一样

下面的评论可谓是巨巨扎心

在评论中，最上面的是热门评论，我想知道每个歌手评论中出现最频繁的词汇是什么，那么我们便可制作一个云图，如下图所示

从这些词汇中，我们可以迅速了解评价的大概内容，留下一个初步的印象。

二、功能描述

1、抓取歌单

采用爬虫加数据分析的方式，抓取指定歌手的热门歌单。

2、抓取评论

抓取每一个首歌的热门评论。

3、分词

我将热门评论记录内容,对评论用工具进行分词,然后按照词汇出现的频率,频率越高字体越大，呈现词云效果，效果如下：

三、技术方案

我们把上面的需求梳理,整合成项目技术方案,如下列表所示：

  1. 自动查询某个歌手的所有热门歌曲
  2. 自动获取每一首歌的基础信息，专辑信息
  3. 自动获取每一首歌的热门评论，最新评论
  4. 对所有热门评论进行统计形成词云

下一篇开始我们将会开始进行代码的编译^_^

Or_yx
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
<小白向>系统软件替换教程
lunarcyd的专栏
10-01 8619
这里以SystemUI.apk为例。 需要手机已ROOT+已装ROOT EXPLORER 1.把要替换的apk文件装入SD卡，然后拔走USB线，取消和电脑的连接 2.打开ROOT EXPLORER，找到叫sdcard的文件夹，这是你的sd卡的根目录。 3.在该目录里找到你要替换的文件 4.长按这个文件，在弹出菜单选择copy，如图。 5.选择后底部会有两个按钮出
腾讯云图（TCV）使用指南
热门推荐
般若
09-27 1万+
简介 腾讯云图（Tencent Cloud Visualization，TCV） 是腾讯云旗下的一站式数据可视化展示平台，旨在帮助用户快速通过可视化图表展示海量数据，10 分钟零门槛打造出专业大屏数据展示。精心预设多种行业模板，极致展示数据魅力。采用拖拽式自由布局，无需编码，全图形化编辑，快速可视化制作。腾讯云图支持多种数据来源配置，支持数据实时同步更新，同时腾讯云图基于 WEB 页面渲染，可灵活...
网易云音乐歌单制作词云图
Leslie Lee's blog includes programming in math, physics, and engineering.
02-23 1437
有了虾米的经验，今天准备制作网易云歌单，同理，我也去XHR里面找了一下。 画对勾的，其响应为一个html，里面包含了我想要的歌曲信息，手动保存该html。 我想要的信息又在html的<body></body>里面，通过bt4获取该标签的文本内容text。 而我想要的歌名 歌手名 其在text中的形式为: "name":"歌名" "name":"歌手名" 即我只要匹配 "...
抓取网易云音乐歌曲热门评论生成词云
weixin_34238642的博客
04-26 802
前言 抓数据 抓包分析 加密信息处理 抓取热门评论内容 词云 词云运行效果 总结 前言 网易云音乐一直是我向往的“神坛“，听音乐看到走心的评论的那一刻，高山流水。于是今天来抓取一下歌曲的热门评论。并做成词云来展示，看看相对于这首歌最让人有感受的评论内容是什么。 做成词云的好处就是直观以及美观， ...
vue 绘制词云图效果
funny_girl的博客
06-08 1441
最近接到一个需求：绘制类似词云图的效果，效果图如下： 尝试了很多方式，最后选择用echart的wordCloud。 代码如下： html： <div ref="keyWords"></div> js： initCharts () { let myChart = this.$echarts.init(this.$refs.keyWords) console.log(this.$refs.chart) myChart.setOption({ series: [{
java爬取网易云热评并制作词云。
Sao_E的博客
04-16 2046
IT小白终于脱离hello world,实现用java爬取网易云热评并制作词云，激动激动激动。一、自我介绍二、上代码1、封装各个model类2、实现各项功能的service类3、设计一个制作词云的工具类util4、最后测试类三、总结 假期被游戏缠绕无法自拔？或是被淡黄的长裙蓬松的头发洗脑？是否因为假期太长而闲着不知道干嘛呢，还不来敲代码！用java一起来爬个虫？ 一、自我介绍 南京某高校大学生，今年寒假因为疫情，假期无限延长aaa，自己在家也不知道学点什么，有一段时间很迷茫，后来因为机缘巧合，碰到了一些it
BATJ、网易等一线公司是怎样做大数据风控的？
chisuijie5678的博客
02-25 479
大数据风控目前应该是前沿技术在金融领域的最成熟应用，相对于智能投顾、区块链等还在初期的金融科技应用，大数据风控目前已经在业界逐步普及，从BATJ这样的大企业，到交易规模比较大的网贷平台，再到做现金贷、消费金融的创业公司，都在通过大数据风控技术来控制贷款规模扩张中的风险。 大数据风控目前应...
爬取网易云音乐用户听歌排行，来制作一张Ta最爱歌手的词云图！
爬遍所有网站
08-05 1553
平时写代码的时候，作为云村用户的一员，我当然也是最爱开着网易云音乐（以下简称网易云）。大家都知道在网易云里你可以查看好友或是任意用户的听歌排行（假使Ta设置全部可见），但是如果想知道Ta喜欢哪些歌手，其中又有哪几个是Ta的最爱呢？很可惜，网易云并没有直接提供信息。如果不会编程，你将怎么做？ 一、网易云和词云 想知道Ta在网易云所有时间喜爱和最爱的歌手，逻辑上讲：你可以基于Ta的所有时间听歌排行，手动记录他排行中前100首听得最多的歌曲的歌手/音乐人（以下统称为歌手），然后根据记录的信息统计重复出现的歌手
用python语言制作天气气象云图
11-11
在Python编程领域，制作天气气象云图是一种常见的应用，它涉及到数据处理、图像可视化和遥感技术。本项目主要是利用Python来解析气象卫星数据，并绘制出全圆盘真彩图和单通道红外图，以便更好地理解和分析天气状况。...
Unity3d使用Meth实现温度云图
03-21
Unity3d使用Meth实现温度云图,看了网上有几个使用Shader实现的温度云图，基本都是写死的，并且代码都有毛病出不来效果，所以就用Meth实现了一个，温度点位能动态。行列动态创建，只需要自己给一个数值。创建一个空...
Tecplot从散点图生成2D云图的方法
06-01
Tecplot 将根据生成的 2D 三角形网格，生成一个美丽的 2D 云图。 云图应用 生成的 2D 云图可以用于各种应用，例如流场显示、数据分析、科学计算等。例如，在流体力学中，2D 云图可以用于显示流场的变化情况，帮助...
matlab.zip_云图_卫星云图
09-21
本代码功能为卫星云图的伪彩色处理，原图和处理后的图片也在压缩包里
10.javaSE基础_JDBC编译程序(Driver+Statement+Connection+mysql数据库连接)
m0_61086522的博客
07-02 1221
JDBC是的缩写。它是Sun的Javasoft公司制定的Java数据库连接技术，是一套标准接口java.sql包中提供了JDBC API,通过它连接到各种数据库系统，编写访问数据库的程序。JDBC API不能直接访问数据库，它依赖于数据库厂商提供的JDBC Driver（JDBC驱动程序）
JVM原理（十一）：JVM虚拟机六种必需对类进行初始化的情况
zuodingquan666的博客
07-03 502
Java虚拟机把描述类的数据从Class文件加载到内存，并对数据进行校验、转换解析和初始化，最终形成可以被虚拟机直接使用的Java类型，这个过程被称作虚拟机的类加载机制。Java天生可以动态扩展的语言特性就是依赖运行期间动态加载和动态链接这个特点实现的。
ShardingSphere
最新发布
Casual_Lei的博客
07-04 624
ShardingSphere 通过提供数据分片、分布式事务、数据加密和读写分离等功能，帮助开发者轻松构建高性能、高可用的分布式数据库系统。其灵活的架构设计和丰富的功能模块，使其成为现代分布式数据库中间件的优秀选择。
java 程序、进程 、线程，cpu，并行、并发、启动线程两种方式
gu2022_3_5_21_23的博客
07-02 306
Thread 方式 线程间不可以共享数据，除非变量加 static 变为 静态变量 （每次创建实例，会有一个新的副本）。条件二： 重写 Thread 父类方法 后创建实例调用 start 方法 （创建匿名子类的匿名对象）条件一： 将创建自实现 Runable 接口后的实例 作为参数传递给 Thread 的构造方法。2、将创建自实现 Runable 接口后的实例 作为参数传递给 Thread 的构造方法。最后调用的都是 Thread 的start 的方法。创建的线程对象，都是Thread类或其子类的实例。
如何使用缓存提升SpringBoot性能（EhCache和Redis方式）
三两肉的博客
07-03 988
缓存是指将文件或数据的副本存储在缓存或临时存储位置中，以便未来对该数据的请求可以更快地提供服务。当从存储中检索数据时，会在缓存中创建该数据的副本。如果再次需要该数据，可以从缓存中比从主存储器中更快地检索到该数据，主存储器可能涉及复杂的计算或较慢的访问速度。如何使用缓存提升SpringBoot性能（EhCache和Redis方式）
写一个Vue3的随机云图
08-06
### 回答1： 我可以给你一个示例：<template> <div> <v-app> <v-container> <v-row> <v-col> <v-img src="https://source.unsplash.com/random" /> </v-col> </v-row> </v-container> </v-app> </div> </template><script> export default { name: 'RandomCloudImage', } </script> ### 回答2： Vue 3是一个流行的JavaScript框架，用于构建用户界面。生成一个随机云图可以通过以下步骤来实现： 首先，我们需要在Vue 3项目中创建一个组件，用于渲染云图。我们可以将组件命名为CloudMap。 然后，在该组件中，我们可以定义一个数据变量clouds，用于存储生成的云图数据。在组件的created生命周期钩子函数中，我们可以编写生成云图数据的逻辑。 生成云图数据的过程可以分为以下几个步骤： 1. 定义一个数组cloudList，用于存储云图中的每个云的信息。 2. 使用循环语句，生成一定数量的云图数据。可以根据需求，调整云图数量。 3. 在循环中，生成每个云的随机坐标、大小、颜色等属性。可以使用Math.random()函数来生成随机数。 4. 将每个云的属性信息存储在一个对象中，并将该对象push到cloudList数组中。 在CloudMap组件中，我们可以使用v-for指令，动态渲染cloudList数组中的云数据。可以使用div元素，并设置其样式，通过绑定云的属性来调整云的位置、大小和颜色等。 最后，我们可以在Vue实例中使用CloudMap组件，将其渲染到页面上。 总结：通过在Vue 3项目中创建一个组件，定义云图数据变量并在created钩子函数中生成随机云图数据，再通过v-for指令渲染云图数据，最终将组件渲染到页面上，我们可以实现一个Vue 3的随机云图。 ### 回答3： Vue3是一种流行的JavaScript框架，用于构建用户界面。随机云图是一种美观而实用的可视化效果，可以用来展示标签、关键词或标识等。下面是一个使用Vue3来生成随机云图的示例： 首先，我们需要在Vue3中创建一个云图组件。通过Vue的单文件组件，我们可以将HTML、CSS和JavaScript代码分别放置在template、style和script标签中。以下是一个简单的示例： ```html <template> <div> <div v-for="(word, index) in words" :key="index" :style="{ fontSize: word.size + 'px' }"> {{ word.text }} </div> </div> </template> <script> export default { data() { return { words: [], }; }, mounted() { this.generateWords(); }, methods: { generateWords() { // 假设我们有一个词汇列表 const wordList = ['Vue', 'JavaScript', '云图', '随机', '美观']; for (let i = 0; i < wordList.length; i++) { // 生成一个随机大小的字体 const size = Math.floor(Math.random() * 20) + 16; // 生成16到35之间的随机整数 // 创建一个带有文本和大小属性的单词对象，并添加到words数组中 this.words.push({ text: wordList[i], size: size }); } }, }, }; </script> <style scoped> div { display: inline-block; margin: 5px; padding: 5px; border: 1px solid #ccc; } </style> ``` 在这个示例中，我们在mounted生命周期方法中调用了generateWords方法来生成随机的单词，并将它们保存在words数组中。然后，我们使用v-for指令将每个单词渲染为一个带有随机大小的div元素。 你可以将上述代码保存在一个.vue文件中，并在Vue应用程序中使用该组件来展示随机云图。你可以根据需求自定义云图的样式、单词列表和生成逻辑。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值