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

这篇具有很好参考价值的文章主要介绍了根据QQ号获取暗恋的人的全部歌单。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

根据QQ号获取暗恋的人的全部歌单,实用教程,数据库,java,oracle

文章目录

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

前言

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

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


一、成果展示

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

根据QQ号获取暗恋的人的全部歌单,实用教程,数据库,java,oracle

2、查看暗恋人歌单

根据QQ号获取暗恋的人的全部歌单,实用教程,数据库,java,oracle

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

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

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

 

3、查看暗恋人收藏歌单

根据QQ号获取暗恋的人的全部歌单,实用教程,数据库,java,oracle

根据QQ号获取暗恋的人的全部歌单,实用教程,数据库,java,oracle

 

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

5、查看歌单里面的歌曲

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

根据QQ号获取暗恋的人的全部歌单,实用教程,数据库,java,oracle

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

根据QQ号获取暗恋的人的全部歌单,实用教程,数据库,java,oracle

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

根据QQ号获取暗恋的人的全部歌单,实用教程,数据库,java,oracle

根据QQ号获取暗恋的人的全部歌单,实用教程,数据库,java,oracle

根据QQ号获取暗恋的人的全部歌单,实用教程,数据库,java,oracle 


 

二、后端开发流程

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

根据QQ号获取暗恋的人的全部歌单,实用教程,数据库,java,oracle

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

根据QQ号获取暗恋的人的全部歌单,实用教程,数据库,java,oracle

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

根据QQ号获取暗恋的人的全部歌单,实用教程,数据库,java,oracle

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

根据QQ号获取暗恋的人的全部歌单,实用教程,数据库,java,oracle

丁世光最新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博客文章来源地址https://www.toymoban.com/news/detail-837969.html

跳转页面: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号获取暗恋的人的全部歌单的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Leetcode每日一题:849. 到最近的人的最大距离(2023.8.22 C++)

    目录 849. 到最近的人的最大距离 题目描述: 实现代码与解析: 双指针 原理思路:         给你一个数组  seats  表示一排座位,其中  seats[i] = 1  代表有人坐在第  i  个座位上, seats[i] = 0  代表座位  i  上是空的( 下标从 0 开始 )。 至少有一个空座位,且至少有一

    2024年02月11日
    浏览(41)
  • 获取网易云音乐开放接口api的推荐歌单

    网易云音乐开放api接口 网址:https://binaryify.github.io/NeteaseCloudMusicApi/#/?id=neteasecloudmusicapi 项目地址:https://github.com/Binaryify/NeteaseCloudMusicApi 下载下来之后,安装依赖:npm install 启动服务: node app.js 启动成功之后,根据api接口文档就可以获取请求的url了。 本文需求是,获取推荐

    2024年02月04日
    浏览(46)
  • 《终身成长》笔记一——人的表现不能只根据一次评估来断定

    目录 内容简介 经典摘录 1、会有人热爱失败吗 2、人为什么会有不同 3、两种思维模式对人意味着什么 4、 两种思维模式之下的不同生活 5、【成长型思维模式】下你将会看到什么 6、但教书育人不就是学校要做的吗?他们来到学校,就是为了学习如何去做这些事情,而不是因

    2024年02月05日
    浏览(30)
  • 自媒体人的日常ai写作神器:9款超级实用的工具分享! #人工智能#媒体#学习方法

    我们做自媒体运营,想要快速的创作内容,提供文章的创作速度是我们的目标,我们别的大佬可以很快地就创作出一篇内容,而自己墨迹半天确出不了一个字呢?其实这关乎到创作技巧,下面小编就跟大家分享如何利用自媒体工具辅助自己创作的技巧。 1.七燕写作 这是一个微

    2024年04月22日
    浏览(46)
  • Sharding-JDBC(十)如何解决根据ID更新时扫描全部分表

    我们在使用 ShardingJDBC 作为分片工具的时候,会在配置中指定分片键,例如根据 create_time 创建时间来按月分片是比较常用的操作。当分片表中需要 根据主键 ID 来进行更新的时候 ,由于不确定数据的 create_time 具体是多少,ShardingJDBC 就会在选择使用分片表的时候,就会默认选

    2024年02月07日
    浏览(40)
  • 手把手QQ机器人制作教程,根据官方接口进行开发,基于Python语言制作的详细教程(更新中)

    QQ开放平台官方地址:https://q.qq.com/#/app/bot QQ开放平台包含:QQ机器人、QQ小程序、QQ小游戏,我们这边选择QQ机器人。 机器人类型:设置私域机器人或者公域机器人,当然公域机器人对于服务器的要求过高,我们这边选择 私域机器人 进行开发。 特别注意在选择沙箱频道的时候

    2023年04月08日
    浏览(58)
  • 溯源:通过qq电话获取对方位置

    需要用到的工具:qq,wireshark,腾讯位置服务(其他ip定位也行) 1.打开wireshark,监听网卡 2.拨打对方的qq电话,等对方接听 3.wireshark抓包后,对流量包进行筛选, udp,qq语音的lengt=72 ,找到其Destination(目的地址),即ip地址 4.查询该ip地址 ,即为对方所在位置,精确范围在

    2024年02月13日
    浏览(47)
  • C# 获取QQ会话聊天信息

    目录 利用UIAutomation获取QQ会话聊天信息 效果  代码  目前遇到一个问题 其他解决办法 AutomationElement window = AutomationElement.FromHandle(get.WindowHwnd); AutomationElement QQMsgList = window.FindFirst(TreeScope.Descendants,     new PropertyCondition(AutomationElement.NameProperty, \\\"消息\\\")); if (QQMsgList != null) {    

    2024年01月22日
    浏览(46)
  • jqgrid中获取全部数据获取不到的问题

      $(\\\"#gridTable\\\").jqGrid(\\\'setGridParam\\\', { rowNum: total, page: 1 }).trigger(\\\'reloadGrid\\\');  后直接调用var gridData = $(\\\"#gridTable\\\").jqGrid(\\\'getRowData\\\');   获取不到全部数据,得延时一下后才能获取到全部数据 var rowNum, total, courrentPage;     function ExportExcel() {         rowNum = $(\\\"#gridTable\\\").jqGrid(\\\'getGridPara

    2024年02月09日
    浏览(75)
  • Python获取全部股票数据

    目前整个沪深京A股市场总共有5000余支股票,那么我们怎么能获取到这些股票的数据(股价、市值、市盈率、市净率等)呢? 小编常用的有三个网站,分别是东方财富、同花顺、雪球,请自行查阅。 我们以东方财富为例,打开东方财富行情中心,找到全部股票数据后,找到对

    2024年02月15日
    浏览(36)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包