链接:https://pan.baidu.com/s/1z_ZnRVbT4vjEENimi8yBQQ

提取码:u0o3


一、实现页面情况

(1)云村首页

微信开发者工具 git拉代码 微信开发者工具代码包_微信开发者工具 git拉代码

(2)云村中的云圈

微信开发者工具 git拉代码 微信开发者工具代码包_数据库_02

(3)歌曲搜索功能

微信开发者工具 git拉代码 微信开发者工具代码包_小程序_03

(4)达人页面

微信开发者工具 git拉代码 微信开发者工具代码包_微信开发者工具 git拉代码_04

(5)视频播放以及弹幕

微信开发者工具 git拉代码 微信开发者工具代码包_数据库_05

(6)手机型号自适应性

二、源码文件打开方式

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

微信开发者工具 git拉代码 微信开发者工具代码包_数据库_06

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

在使用云开发导入数据库之前,有一个很重要的地方需要修改,就是每个微信小程序的_openid,_openid只能用自己的,不能使用别人的否则获取的数据库数据为空,

获取自己_openid的方式

将获取到的自己的openid对应两个数据库中的_openid进行修改

打开我给的数据库文件,然后快捷键ctrl+H查找替换

微信开发者工具 git拉代码 微信开发者工具代码包_数据库_07

第一个框是我的openid,第二个框输入你的openid,然后在第二个框里回车全部替换,最后替换成功保存,

微信开发者工具 git拉代码 微信开发者工具代码包_数据_08


接下来导入数据到云开发平台的数据集

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

点击菜单栏的云开发,打开云开发控制台

微信开发者工具 git拉代码 微信开发者工具代码包_数据_09


点击数据库,点击加号创建数据集合

微信开发者工具 git拉代码 微信开发者工具代码包_小程序_10


微信开发者工具 git拉代码 微信开发者工具代码包_数据集_11


微信开发者工具 git拉代码 微信开发者工具代码包_小程序_12


创建好数据集以后,一定注意要修改权限,以下为默认权限“仅创建者可写”,

微信开发者工具 git拉代码 微信开发者工具代码包_小程序_13


获取到的数据为空

微信开发者工具 git拉代码 微信开发者工具代码包_数据_14

修改“仅创建者可读写”为“所有用户可读,仅创建者可写”

微信开发者工具 git拉代码 微信开发者工具代码包_微信开发者工具 git拉代码_15


然后查看获取数据情况,获取到数据了

微信开发者工具 git拉代码 微信开发者工具代码包_数据集_16

创建两个数据集,yc_list,yc_search,这时里面数据为空

导入我给的两个数据库,不要导入错了第一个json文件导入yc_list数据库集合,第二个文件 导入yc_search数据库集合

微信开发者工具 git拉代码 微信开发者工具代码包_数据库_17

微信开发者工具 git拉代码 微信开发者工具代码包_数据集_18


微信开发者工具 git拉代码 微信开发者工具代码包_数据库_19


实现方法:点击要导入的数据集,然后点击导入

微信开发者工具 git拉代码 微信开发者工具代码包_数据库_20


在弹窗中点击选择文件

微信开发者工具 git拉代码 微信开发者工具代码包_数据集_21


然后就导入了,这是导入完成的数据库

微信开发者工具 git拉代码 微信开发者工具代码包_微信开发者工具 git拉代码_22


点击顶部的‘’运营分析”,

微信开发者工具 git拉代码 微信开发者工具代码包_数据库_23

微信小程序普通用户连接数据库的每天次数有限,注意!!!

微信开发者工具 git拉代码 微信开发者工具代码包_微信开发者工具 git拉代码_24

三、总结

涉及知识点

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

(2)navigator跳转页面

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

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

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

(7)简单的移动

(8)css实现左侧边栏

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

(10)点击隐藏出现