基于微信小程序的在线音乐+数据库（附源码）

不念不忘少年蓝@ 2023-09-29 18:46 36阅读 0赞

[**源码下载地址**][Link 1]：https://download.csdn.net/download/gdutxiaoxu/87408191

#### 功能列表 ####

*  用户登陆
 *  退出登陆
 *  我的关注列表
 *  我的粉丝列表
 *  我的动态列表
 *  最近播放列表
 *  我的电台
 *  我的收藏
 *  推荐歌单
 *  推荐电台
 *  推荐电台
 *  我创建的歌单列表
 *  我收藏的歌单列表
 *  共用的歌单详情列表
 *  歌曲播放页面
 *  歌词滚动
 *  歌曲切换播放模式（随机播放/单曲循环/顺序播放）
 *  切换上一首/下一首
 *  喜欢/取消喜欢某首歌曲
 *  评论列表
 *  视频播放
 *  热搜列表
 *  搜索（包含单曲/歌单/视频/歌手/专辑/电台/用户）
 *  统一的播放组件，方便进行切换页面后可以随时进入到播放页面
 *  搜索功能
 *  视频播放
 *  mv 播放
 *  视频与 mv 中的评论列表

#### 目录结构简要介绍 ####

> 这里主要介绍下`src`目录，因为开发主要是在这个目录下进行的

- src
     - actions // `redux`中的相关异步操作在这里进行
     - assets // 静态资源目录，这里引入了所需的图片资源，以及`fontawesome`字体图标资源
     - components // 封装的项目中可复用的组件，目前只是抽象了`CLoading`(加载效果组件)、`CLyric`(歌词组件)、`CMusic`(正在播放组件)、`CSlide`(滑块组件)、`CTitle`、`CUserListItem`
     - constants // 项目中的常量定义，目前定义了`typescript`的公共定义、`reducers`的名称定义、状态码的定义
     - pages // 项目中的业务页面都在这个目录中
     - reducers // `redux`中的相关同步操作在这里进行
     - services // 可复用的服务可以放在这个目录中，目前只是封装了接口请求的公共服务，可以根据自己项目的需要进行其他服务的扩充
     - store // redux的初始文件
     - utils // 可以复用的工具方法可以放到这个目录当中，目前封装了格式化、歌词解析的相关方法
      - decorators // 抽象的装饰器，主要为了解决在切换页面之后仍然可以继续保持播放状态，因为目前`taro`不支持全局组件
     - app.scss // 全局样式
     - app.tsx // 全局入口文件
     - base.scss // 基础样式
     - config.ts // 项目的全局配置，目前只是配置了`baseUrl`是后端服务的基准请求地址

#### todo ####

*  复用的评论列表
 *  搜索功能 *已完成部分功能*
 *  个人主页支持跳转
 *  歌手页面
 *  `react-hooks`重构部分功能,正在进行中

#### 最近更新 ####

*  升级 taro3 完毕

[![img][]][img 1]

[Link 1]: https://download.csdn.net/download/gdutxiaoxu/87408191
[img]: https://img-blog.csdnimg.cn/img_convert/e60833fa00310db981168f86e751c5a8.jpeg
[img 1]: https://camo.githubusercontent.com/bcb8dc82043be3e7977bf4f167e5e226d3c68fbdc0c58f30712ebe4b6ba16055/68747470733a2f2f6f7363696d672e6f736368696e612e6e65742f6f73636e65742f34393866646663393863633839643732313936646465643466353461666132396564342e6a7067