基于网易云音乐API的微信小程序——zwhdlb的音乐平台

1项目说明

最近在学习小程序的开发的过程中,临时想写一个音乐小程序,看到了网易云
提供了后台api程序,这方便我们直接进行音乐小程序的开发不用再从后端开始开发,网易云音乐平时也经常在用,因此想记录一下学习过程

2项目环境准备

开发工具:微信开发者工具
界面UI组件库用到的是ColorUI
网易云开发接口文档:网易云开发接口文档

3项目开发过程

3.1登录页面

在这里插入图片描述
登录页面样式是借鉴之前别人已经开发好的登录界面进行修改实现的,作为一个后端对于前端样式真的调不来。。。。
采用手机号+密码的方式登录(网易云的账号和密码登录)

3.2首页设计

在这里插入图片描述
主要分为几部分:搜索栏,轮播图,推荐歌单,热门歌手精选。
搜索根据搜索的关键词搜索对应的歌曲列表
在这里插入图片描述
歌单点击后进入歌单列表界面,展示对应歌单的歌曲列表,点击可进行播放
切换等相关操作
在这里插入图片描述
歌手热门精选点击后是对应歌手简介信息和对应的歌曲列表
在这里插入图片描述

3.3分类页面

主要分为:搜索栏,分类歌曲排行榜,热门视频推荐,热门话题精选几部分。
搜索栏:和首页搜索类似
分类歌曲排行榜点击进入歌曲播放页面,播放相关的歌曲
热门话题精选进入话题列表页,展示相关的动态
点击热门视频推荐进入视频播放界面,展示相似视频推荐,相关评论列表
发弹幕等
在这里插入图片描述
在这里插入图片描述

3.4我的页面

主要展示对应登录用户的音乐个人信息,个人关注列表,最近歌曲播放列表
创建的歌单列表
在这里插入图片描述
在这里插入图片描述

3.5动态页面

这里主要展示对应用户关注的人相关动态信息浏览,相关评论列表展示
在这里插入图片描述

4视频展示

小程序演示视频

5到的问题

1歌曲播放时有时播放会出现错误,这个和后台接口和网络有一定关系,还没根本解决。
2页面渲染过慢的问题。

6总结

开发这个音乐小程序过程中进一步了解了小程序的结构,对相关的api操作也
更熟悉了一点,同时也发现了很多问题,总之就是收获满满。
项目地址:https://gitee.com/zwhdlb/zwhdlb-music.git
感兴趣的小伙伴可以一起交流学习呀~想要相关资料的可以联系我:QQ
1625095546
虽然项目基本模块已经开发完成,但是个人感觉还是没有完善,所以相关资料就先不放上来了。后面完善后再同步到这里。

  • 3
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

zwhdlb

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值