github地址: github.com/932361223/M…

该项目使用原生小程序组件化开发打造小程序前端部分，使用小程序云开发打造小程序后端部分，实现触发器定时更新歌单(接口获取)，播放歌曲，歌词，进度条，博客等功能，通过后台管理系统访问云开发资源实现对项目中数据及文件的管理。

云音乐组成

前端部分---组件化开发

后端部分

后台部分

项目基础架构

一、歌单组件

· Swiper组件库做轮播图 · 服务端获取歌曲信息并渲染 · 上拉下拉刷新歌单

二、歌曲列表

· 组件化开发思想 · 定时触发云函数读取数据并写入云数据库 · 突破云函数读取数据条数限制 · 云函数路由优化tcb- router

三、歌曲进度条

· 媲美原生体验的小程序音乐播放器 · 歌词解析与播放时间联动 · 性能优化 · 引入 iconfont字体图标

四、歌词组件

五、底部弹出层组件

登陆和评论

六、发布博客

· 小程序用户信息授权流程 · 多文件上传云存储异步操作 · 云数据库模糊査询、索引管理、权限管理

七、博客卡片

八、博客详情及评论

· 云数据库中1对N关系的三种设计方式 · 云调用实现模板消息推送 · 云数据库多集合查询 · 博客分享给好友

九、我的功能

· 对比不同方式获取用户信息的应用场景 · 本地存储播放历史 · 云函数调用云数据库与小程序调用云数据库的区别 · 云调用生成小程序码

小程序音乐博客类的不给审核过，所以生成小程序也用不了

十、后台管理系统

· 前后端分离架构 · vue-admin-template构建管理系统前端 · Koa2构建管理系统后端 · HTTP API访问云开发资源

云开发数据库