欣音悦(歌单分享为主的音乐播放webapp) -- 客户端
项目介绍
这是一个使用 Vue.js + Node.js 技术栈开发的音乐社区,以分享歌单为主,听歌为辅的webapp。歌手及歌曲信息来自 QQ 音乐的接口,歌单信息存储在本地数据库中。
技术栈
客户端:Vue.js + Vuex + vue-lazyload + vue-router + axios + Sass
服务器:Koa2 + jwt + mongodb (服务器地址)
如何使用
服务器
git clone https://github.com/tflins/music-koa-server.git
cd music-koa-server
npm install
npm run start
// 如果想热更新
npm run server
客户端
git clone https://github.com/tflins/vue-music.git
cd vue-music
npm install
npm run start
// 如果想要编译
npm run build
开发进度
- 登录注册
- 歌手信息
- 播放组件
- 歌单推荐
- 搜索歌曲
- 歌曲排行
- 分享歌单
- 歌单评论
- 用户管理
部分截图
---build