项目背景
- 该音乐服务器系统使用的是前后端分离的方式来实现,将相关数据存储到数据库中, 且将其部署到云服务器上. 前端主要构成部分有: 登录页面, 列表页面, 喜欢页面, 添加歌曲4个页面组成. 通过结合后端实现了主要的功能: 登录, 播放音乐, 添加音乐, 收藏音乐, 删除音乐, 删除收藏音乐.
- 但是这个项目还存在很大的缺陷, 没有设计好用户注册的功能,只能提前在数据库中存储用户信息后经过校验登录; 没有实现注销的功能; 收藏页面没有实现批量删除功能; 用户只能通过本地来上传音乐而不能通过网络来上传; 前端没有进行分页处理,当歌曲数量很多时不利于用户使用; 没有实现MV功能;
项目功能
该项目的主要功能: 登录, 播放音乐, 添加音乐, 收藏音乐, 删除音乐, 删除收藏音乐.
- 登录功能: 在用户名和密码输入正确后, 会跳转到列表页面. 列表页面会有查询搜索框,喜欢, 删除等按钮,且要是在未登录的情况下访问这个页面且它的令牌也失效后会自动跳转都登录页面. 而要是在登录时用户名或者密码不正确会进行弹窗提示.
- 播放音乐功能: 在列表和喜欢列表页面,会有播放音乐按钮和右下角的音乐控件. 按钮可以指定播放音乐,音乐空间可以暂停音乐和继续播放音乐.
- 收藏音乐功能: 在列表页面点击收藏音乐按钮, 如果音乐没有被收藏,则会提示收藏成功,反之.
- 删除音乐功能: 在列表页面有删除音乐按钮和批量删除. 点击删除按钮即可删除单个歌曲, 批量选择点击批量删除按钮后即可删除已选择的歌曲.
- 删除音乐功能: 在收藏页面只有删除按钮, 点击后即可删除单个歌曲.