微信小程序开发 - WMusicPlayer小程序端设计

主要页面

1. index Page

• 页面描述：乐库，展示音乐和歌单

• 组成部分：

  • 推荐歌单
  • 新歌首发
  • 热门歌曲

2. user Page

• 页面描述：用户中心，显示用户的登录信息以及用户歌单，并提供歌单管理

• 组成部分：

  • 用户信息
  • 歌单
  • 收藏

3. song Page

• 页面描述：音乐播放的详情页面，展示歌曲的详细信息，歌曲评论，以及发表评论

• 组成部分：

  • 歌曲封面图片
  • 歌词（备选）
  • 播放进度条（备选）
  • 发表评论
  • 歌曲的评论

4. sheetlist Page

• 页面描述：歌单组成的列表
• 组成部分：
  • 歌单列表
  • 歌单列表内的每一项包含，歌单封面、歌单名称、歌单的前三首歌曲（歌曲名 - 歌手）

5. sheet Page

• 页面描述：歌单的详情界面
• 组成部分：
  • 歌单封面
  • 最后更新日期
  • 播放所有，播放模式选择
  • 歌曲列表：每一项包含，歌曲名，歌手，播放按钮，更多选项（添加到我的歌单、移除歌曲（如果是我的歌单）、收藏）

模块划分

1. 登录注册模块

• 自动登录

以上流程即可实现自动登录，用户首次使用时授权一次即可

• 用户授权注册

无法自动注册的原因：微信由于修改 wx.getUserInfo() 接口的缘故，获取用户的授权等操作只能通过用户主动点击button来实现，解决方法

2. 音乐播放模块

3. 歌单管理模块

来源：https://blog.csdn.net/sunshine2285/article/details/91354357