当前位置:   article > 正文

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

微信小程序网易云源码

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

链接: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)点击隐藏出现

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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/2023面试高手/article/detail/77864
推荐阅读
相关标签
  

闽ICP备14008679号