根据QQ号获取暗恋的人的全部歌单

2024-03-09 21:44
文章标签 qq 获取 全部 歌单 暗恋

本文主要是介绍根据QQ号获取暗恋的人的全部歌单,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

文章目录

  • 前言
  • 一、成果展示
  • 二、后端开发流程
  • 三、前后端障碍与难点解决
  • 四、待扩展内容
  • 五、总结


前言

本人喜欢使用QQ音乐听歌,并且喜欢点击好友栏目观看最近在听,了解暗恋的人最近在听什么歌曲,知己知彼,百战不殆。但是每次都需要根据qq音乐、点击我的等等一系列操作才能看到结果,并且还会留下访客,留下社死的感觉。

因此,为了更加快捷并且安全的查看暗恋人的歌曲,我利用qq音乐开发者官网提供了一系列的接口,做出了能够根据QQ号一键查询暗恋人歌单以及歌曲的功能!!!


一、成果展示

1、添加歌单,并且点击提交

2、查看暗恋人歌单

里面的信息包括:用户昵称、歌单信息、数量、收听次数等等,

在这个功能里面不会留下访客记录,但是歌单不包括收藏。

因此还有另一个功能,添加收藏歌单

 

3、查看暗恋人收藏歌单

 

4、删除以及清空功能、这里就不展示了

5、查看歌单里面的歌曲

点击每一行的任意一个位置查看歌单包含的歌曲。

歌曲里面的信息包括专辑信息、歌曲名称以及歌手名称

6、QQ里面随机一个人进行展示

 


 

二、后端开发流程

1、根据QQ音乐官方提供的接口得到文本数据

2、提取数据里面的所有歌单ID

3、提取数据里面的所有歌单信息,歌单部分就完成了

4、根据歌单ID获取歌曲信息

丁世光最新R&B歌曲瘦子已经出来了、喜欢这种类型的不要错过哦!

后端流程就是:获取文本、获取歌单id、获取歌单信息、根据歌单ID获取歌曲信息!

 


三、前后端障碍与难点解决

1、后端难点

(1)数据是爬虫得到的还是接口得到的:

接口得到的数据、利用QQ音乐cookie与QQ号拼接得到数据、接口需要工具进行解析处理得到文本信息、然后通过JSONObject+调试功能+想要数据的实体类,将文本转换成JSON数据即可。

(2)通过接口得到的数据是否需要存在数据库:

数据拿取过来,歌单如果不存储,那么歌单ID就得不到,也无法实现根据歌单ID查询歌单。歌单数据也比较小,因此歌单适合存在数据库。歌曲的数据量很大、也仅仅是查看而已,因此歌曲数据不需要存储在数据库。

(3)使用时是否会留下访客?

获取歌单不需要进用户主页,因此获取歌单没有访客。但是歌单不包括收藏,因此另一个功能获取收藏歌曲,就只会留下一次访客记录,这个记录是创建的小号无名氏。

(4)专辑图片需要接口吗?

专辑图片不需要接口,只需根据专辑id拼接图片即可,接口为http://imgcache.qq.com/music/photo/album_300/%s/300_albumpic_%s_0.jpg

例如周杰伦的专辑albumid为20612,则专辑图片路径就为:

http://imgcache.qq.com/music/photo/album_300/12/300_albumpic_20612_0.jpg

 


 

2、前端难点

(1)el-table-column如何设置样式以及如何点击时为一整行?

<!---分页查询表格--><el-table :data="list" style="width: 100%" size="large" row-class-name="rowName" @row-click="songData"><el-table-column prop="nickname" label="用户昵称"  /><el-table-column prop="url" label="歌单名称" #default="scope"><img :src="scope.row.url"  style="width:80px;height:80px;padding:0px;margin:0px;vertical-align:middle"/><span>&nbsp;&nbsp;&nbsp;&nbsp;{{scope.row.title }}</span></el-table-column><el-table-column prop="number" label="歌曲数量" /><el-table-column prop="listen" label="收听次数" /><el-table-column label="操作" align="center" width="120" #default="scope"><el-button type="danger" size="large" @click="deleteById(scope.row)">删除</el-button></el-table-column></el-table>
<style>
.rowName{font-family: "Microsoft YaHei";font-size: large;color:deeppink;background:floralwhite!important;
}
</style>

在el-table里面设置row-class-name="rowName",然后再rowName里面设置样式就可以了。

利用@row-click="songData"即可点击为一行,songData点击行后的方法

 

(2)如何在Vue新建一个页面?

步骤:

1、在view里面创建自己想要的页面song.vue

2、在router的modules里面新建一个js文件、导入刚才的页面、填写路由地址和名称

const Song = () => import('@/components/Song/Song.vue')export default [{path: '/song',name: 'song',component: Song,meta: {title: '歌单列表',}},
]

3、在router的index.js里面导入第二步的文件,import Song from './modules/song',并交给router统一管理。如果页面是在之前的页面子模块里面则不需要!

4、在src的api里面新建发送请求接口的文件,在view创建的文件里里面导入,则步骤全部完成了。

import { 方法名称} from '@/api/song';

(3)Vue如何完成跳转、传参以及接收?

vue3关于路由query传参_vue3 $route.query.-CSDN博客

跳转页面:import { useRouter } from "vue-router";

跳转:router.push   

跳转加传参:router.push({ path: '/song', query: { id: row.id} }) 

接收参数页面:import { useRoute } from "vue-router"; 

接收:route.query.id


四、待扩展内容

1、通过点击歌曲跳转到页面显示歌词等信息

2、抖音可以通过通讯录获取用户、是否可以通过手机号一键查询抖音号以及信息?

3、如何不存储在数据库进行分页查询、条件搜索等功能?


五、总结

过程很难但也很有成就感,有问题在网上基本上都能找得到,只不过需要一个一个去试。如果你也想查询暗恋的人歌单的话,也可以联系我。wx:abc2649543732

如果这篇文章对你有帮助的话请点点赞和收藏。如果文章有问题的话也可以私信我或指出来!!!

感谢你的支持!!!

这篇关于根据QQ号获取暗恋的人的全部歌单的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!


原文地址:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.chinasem.cn/article/792029

相关文章

Win32下C++实现快速获取硬盘分区信息

《Win32下C++实现快速获取硬盘分区信息》这篇文章主要为大家详细介绍了Win32下C++如何实现快速获取硬盘分区信息,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 实现代码CDiskDriveUtils.h#pragma once #include <wtypesbase

Android如何获取当前CPU频率和占用率

《Android如何获取当前CPU频率和占用率》最近在优化App的性能,需要获取当前CPU视频频率和占用率,所以本文小编就来和大家总结一下如何在Android中获取当前CPU频率和占用率吧... 最近在优化 App 的性能,需要获取当前 CPU视频频率和占用率,通过查询资料,大致思路如下:目前没有标准的

使用Java发送邮件到QQ邮箱的完整指南

《使用Java发送邮件到QQ邮箱的完整指南》在现代软件开发中,邮件发送功能是一个常见的需求,无论是用户注册验证、密码重置,还是系统通知,邮件都是一种重要的通信方式,本文将详细介绍如何使用Java编写程... 目录引言1. 准备工作1.1 获取QQ邮箱的SMTP授权码1.2 添加JavaMail依赖2. 实现

golang获取prometheus数据(prometheus/client_golang包)

《golang获取prometheus数据(prometheus/client_golang包)》本文主要介绍了使用Go语言的prometheus/client_golang包来获取Prometheu... 目录1. 创建链接1.1 语法1.2 完整示例2. 简单查询2.1 语法2.2 完整示例3. 范围值

javaScript在表单提交时获取表单数据的示例代码

《javaScript在表单提交时获取表单数据的示例代码》本文介绍了五种在JavaScript中获取表单数据的方法:使用FormData对象、手动提取表单数据、使用querySelector获取单个字... 方法 1:使用 FormData 对象FormData 是一个方便的内置对象,用于获取表单中的键值

如何利用Java获取当天的开始和结束时间

《如何利用Java获取当天的开始和结束时间》:本文主要介绍如何使用Java8的LocalDate和LocalDateTime类获取指定日期的开始和结束时间,展示了如何通过这些类进行日期和时间的处... 目录前言1. Java日期时间API概述2. 获取当天的开始和结束时间代码解析运行结果3. 总结前言在J

java获取图片的大小、宽度、高度方式

《java获取图片的大小、宽度、高度方式》文章介绍了如何将File对象转换为MultipartFile对象的过程,并分享了个人经验,希望能为读者提供参考... 目China编程录Java获取图片的大小、宽度、高度File对象(该对象里面是图片)MultipartFile对象(该对象里面是图片)总结java获取图片

Java通过反射获取方法参数名的方式小结

《Java通过反射获取方法参数名的方式小结》这篇文章主要为大家详细介绍了Java如何通过反射获取方法参数名的方式,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1、前言2、解决方式方式2.1: 添加编译参数配置 -parameters方式2.2: 使用Spring的内部工具类 -

Java如何获取视频文件的视频时长

《Java如何获取视频文件的视频时长》文章介绍了如何使用Java获取视频文件的视频时长,包括导入maven依赖和代码案例,同时,也讨论了在运行过程中遇到的SLF4J加载问题,并给出了解决方案... 目录Java获取视频文件的视频时长1、导入maven依赖2、代码案例3、SLF4J: Failed to lo

使用Java实现获取客户端IP地址

《使用Java实现获取客户端IP地址》这篇文章主要为大家详细介绍了如何使用Java实现获取客户端IP地址,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 首先是获取 IP,直接上代码import org.springframework.web.context.request.Requ