该项目，前后端都是由本人完成。其中后端运用的是node.js + MySQL。
而前端则包括移动端及管理后台
其中管理后台运用的的技术是vue2+ element-ul+echarts。其主要功能包括:添加(删除/更改)音乐,用户管理(一样),数据可视化,上传,搜索,分页,歌手管理。
移动端页面:uniapp+vue3+pinia。
其中功能模块有:推荐模块(每日推荐,每周推荐,欧美排行榜,日韩排行榜,及热歌榜),还有搜索功能。
播放模块:使用uniapp的uni.createInnerAudioContext(),实现暂停(播放),播放模式切换,上下曲,用进度条控制播放时间,歌曲收藏(根据token判断用户是否登录),播放列表,歌词渲染及根据时间滚动。歌手模块:歌手分类,歌手介绍及歌手对应的歌曲,同时也有上面的播放模块。
更多模块: 这个页面其主要的作用是用于用户向我反馈网站还没有的歌曲,同时还会显示最新30条的反馈.并以不同形式显示(如: 待添加,已添加....).同时还还有反馈bug。
我的模块:包括在用户未登录的情况下,显示默认模板。在登录后回显用户个人信息,及用户收藏歌曲信息。还包括个人信息设置页(登录状态):在这里用户可以对自己的头像,昵称,邮箱进行设置(更改)。
收藏模块:在用户登录后,会根据用户之前收藏歌曲,进行渲染,同时做懒加载防止数据过多,同时也有播放模块。
登录(注册)模块:在这里用户可以进行账号的注册及登录操作。