CloudMusic
所属分类:多媒体
开发工具:Vue
文件大小:0KB
下载次数:0
上传日期:2017-12-03 11:02:17
上 传 者:
sh-1993
说明: 开发网易云音乐,
(Develop Netease Cloud Music,)
文件列表:
.babelrc (189, 2017-12-03)
.editorconfig (147, 2017-12-03)
.postcssrc.js (223, 2017-12-03)
build/ (0, 2017-12-03)
build/build.js (1102, 2017-12-03)
build/check-versions.js (1285, 2017-12-03)
build/logo.png (6849, 2017-12-03)
build/utils.js (2566, 2017-12-03)
build/vue-loader.conf.js (501, 2017-12-03)
build/webpack.base.conf.js (1678, 2017-12-03)
build/webpack.dev.conf.js (2477, 2017-12-03)
build/webpack.prod.conf.js (4872, 2017-12-03)
build/webpack.test.conf.js (867, 2017-12-03)
config/ (0, 2017-12-03)
config/dev.env.js (156, 2017-12-03)
config/index.js (2601, 2017-12-03)
config/prod.env.js (61, 2017-12-03)
favicon.png (468, 2017-12-03)
index.html (843, 2017-12-03)
package.json (1922, 2017-12-03)
src/ (0, 2017-12-03)
src/App.vue (929, 2017-12-03)
src/assets/ (0, 2017-12-03)
src/assets/logo.png (6849, 2017-12-03)
src/components/ (0, 2017-12-03)
src/components/components/ (0, 2017-12-03)
src/components/components/content/ (0, 2017-12-03)
src/components/components/content/GContent.vue (317, 2017-12-03)
src/components/components/content/GFindMusic.vue (2712, 2017-12-03)
src/components/components/content/GLeftNavBar.vue (1599, 2017-12-03)
src/components/components/content/GNowMusic.vue (685, 2017-12-03)
src/components/components/content/GPersonalFM.vue (150, 2017-12-03)
src/components/components/content/carousel/ (0, 2017-12-03)
src/components/components/content/carousel/GCarousel.vue (3338, 2017-12-03)
src/components/components/content/layout/ (0, 2017-12-03)
src/components/components/content/layout/GSongLayout.vue (1534, 2017-12-03)
src/components/components/content/menu/ (0, 2017-12-03)
src/components/components/content/menu/GMenu.vue (663, 2017-12-03)
... ...
## 安装
由于需要获取服务器端数据,所以在此之前,先将 [NeteaseCloudMusicApi](https://github.com/hwaphon/NeteaseCloudMusicApi) 拷贝到本地并且运行(4000端口)起来。
建议在 `Chrome` 浏览器中打开,当然在 `Opera`, `Edge`, `Firefox` 中也是可以正常运行的,只是有些效果看上去并不是那么美好,你懂得。
在之前的步骤完成之后,运行以下命令即可预览本项目
git clone https://github.com/hwaphon/CloudMusic.git
cd CloudMusic && yarn
yarn dev
## 效果图
### 登录界面
![image](http://ozg83iln2.bkt.clouddn.com/preview1.jpg)
### 个人面板
![image](http://ozg83iln2.bkt.clouddn.com/preview2.jpg)
### 主题管理
![image](http://ozg83iln2.bkt.clouddn.com/preview3.jpg)
### 每日推荐歌曲
![image](http://ozg83iln2.bkt.clouddn.com/preview4.jpg)
## 开发记录
### 2017.12.03
1. 新增快进播放功能
2. 新增音量控制功能
3. 优化单曲循环播放逻辑
4. 新增左边栏显示当前播放歌曲信息模块
### 2017.11.23
1. 优化播放逻辑
2. 新增音乐队列列表
### 2017.11.20
1. 完成每日推荐歌曲页面
2. 初步实现播放组件
4. 解决无法播放音乐的问题,以 http://music.163.com/song/media/outer/url?id=${id}.mp3 的形式即可。
### 2017.11.19
1. 完善每日推荐歌单
2. 实现换肤功能
3. 替换原本采用的命名路由机制
### 2017.11.18
1. 将网络请求模块从组件中提取出来
2. 使用 `vuex-persistedstate` 实现数据的持久化,减少重复的 `http` 请求
3. 实现从服务器获取每日推荐歌单信息(发现接口异常,只能获取 6 条信息,而实际上每日推荐歌单存在9条信息)
4. 初步实现个人面板,不过逻辑尚未实现
5. 实现退出登录
### 2017.11.17
1. 开始从服务器端获取数据,比如轮播图数据
2. 登录逻辑实现完成,已成功登录本人账号,测试无误,不过由于登录组件实现的只是个雏形,只有当正常获取数据的情况下才可以完成登录,如果出现错误不会提示错误,比如密码输入错误。
3. 着手实现个人信息面板
### 2017.11.16
1. 基本界面的搭建,实现左侧菜单栏以及顶部导航栏
2. 完成轮播图组件
3. 完成登录组件
近期下载者:
相关文件:
收藏者: