微信小程序仿网易云音乐(使用云开发,提供源码)

微信小程序仿网易云音乐(使用云开发,提供源码)!!!!!!!!!!!
源码:

链接:https://pan.baidu.com/s/1z_ZnRVbT4vjEENimi8yBQQ
提取码:u0o3

在这里插入图片描述


一、实现页面情况

(1)云村首页

在这里插入图片描述

(2)云村中的云圈

在这里插入图片描述

(3)歌曲搜索功能

在这里插入图片描述

(4)达人页面

在这里插入图片描述

(5)视频播放以及弹幕

*在这里插入图片描述*

(6)手机型号自适应性

二、源码文件打开方式

(1)微信开发者工具打开的是这个文件 不要弄错了

在这里插入图片描述

(1)打开(数据库)中的两个json文件修改_openid

在使用云开发导入数据库之前,有一个很重要的地方需要修改,就是每个微信小程序的_openid,_openid只能用自己的,不能使用别人的否则获取的数据库数据为空,
获取自己_openid的方式https://blog.csdn.net/yingshuangtu/article/details/118566022
将获取到的自己的openid对应两个数据库中的_openid进行修改
打开我给的数据库文件,然后快捷键ctrl+H查找替换
在这里插入图片描述

第一个框是我的openid,第二个框输入你的openid,然后在第二个框里回车全部替换,最后替换成功保存,
在这里插入图片描述
接下来导入数据到云开发平台的数据集

(2)打开云数据库并导入数据

点击菜单栏的云开发,打开云开发控制台
在这里插入图片描述
点击数据库,点击加号创建数据集合
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
创建好数据集以后,一定注意要修改权限,以下为默认权限“仅创建者可写”,
在这里插入图片描述
获取到的数据为空
在这里插入图片描述

修改“仅创建者可读写”为“所有用户可读,仅创建者可写”
在这里插入图片描述
然后查看获取数据情况,获取到数据了
在这里插入图片描述

创建两个数据集,yc_list,yc_search,这时里面数据为空
导入我给的两个数据库,不要导入错了第一个json文件导入yc_list数据库集合,第二个文件 导入yc_search数据库集合
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
实现方法:点击要导入的数据集,然后点击导入
在这里插入图片描述
在弹窗中点击选择文件
在这里插入图片描述
然后就导入了,这是导入完成的数据库

在这里插入图片描述
点击顶部的‘’运营分析”,
在这里插入图片描述

微信小程序普通用户连接数据库的每天次数有限,注意!!!
在这里插入图片描述

三、总结

涉及知识点

(1)通过数据库查询实现路由切换菜单栏

(2)navigator跳转页面

(3)点击实现页面跳转并传参

(4)实现弹幕,视频的播放

(5)对数据库的查询
(6)swiper轮播图

(7)简单的移动

(8)css实现左侧边栏

(9)瞄点实现分类菜单栏

(10)点击隐藏出现

最后,码字不易,喜欢就点个赞吧!

  • 23
    点赞
  • 129
    收藏
    觉得还不错? 一键收藏
  • 23
    评论
微信小程序源码(含截图)仿网易云音乐微信小程序源码(含截图)仿网易云音乐微信小程序源码(含截图)仿网易云音乐微信小程序源码(含截图)仿网易云音乐微信小程序源码(含截图)仿网易云音乐微信小程序源码(含截图)仿网易云音乐微信小程序源码(含截图)仿网易云音乐微信小程序源码(含截图)仿网易云音乐微信小程序源码(含截图)仿网易云音乐微信小程序源码(含截图)仿网易云音乐微信小程序源码(含截图)仿网易云音乐微信小程序源码(含截图)仿网易云音乐微信小程序源码(含截图)仿网易云音乐微信小程序源码(含截图)仿网易云音乐微信小程序源码(含截图)仿网易云音乐微信小程序源码(含截图)仿网易云音乐微信小程序源码(含截图)仿网易云音乐微信小程序源码(含截图)仿网易云音乐微信小程序源码(含截图)仿网易云音乐微信小程序源码(含截图)仿网易云音乐微信小程序源码(含截图)仿网易云音乐微信小程序源码(含截图)仿网易云音乐微信小程序源码(含截图)仿网易云音乐微信小程序源码(含截图)仿网易云音乐微信小程序源码(含截图)仿网易云音乐微信小程序源码(含截图)仿网易云音乐微信小程序源码(含截图)仿网易云音乐微信小程序源码(含截图)仿
评论 23
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值