因为网易云的api限制,部分功能可能会失效,若有须要能够clone项目下来在本地运行,若是api炸了,麻烦在评论中告知一下我前端
由于作的是PC端 因此请在电脑端访问git
源码地址github
项目预览(评论和歌单详情api都封了个人ip暂时没法使用这两个功能了)express
前端部分后端
实现了滑块、弹出层、歌词、分页、轮播等组件 全部组件皆独立完成api
使用了Vue.js作单页应用跨域
使用了Vue Router处理路由spa
使用了Vuex管理组件间的状态,实现非父子组件之间的通讯localstorage
初始化数据经过localstorage存储blog
后端部分
开发环境下使用了express处理路由
经过CORS解决跨域问题
完成状况
(登陆功能一开始想作的,但一想你们也不放心把网易云帐号密码用来登陆,因此仍是没作了)
网易云音乐首页(轮播、推荐歌单、每日推荐、热门歌单、排行榜、热门歌手、最新音乐)
切换主题(由于PC端切换主题要改的样式太繁琐,因此只作了黑色和红色的主题)
搜索(歌曲搜索、歌手搜索、歌单搜索、专辑搜索)
播放页面(歌词显示、全部评论显示(分页展现))
歌单、专辑、歌手信息等展现页
固然还有最重要的播放功能(音量调节、快进快退、切歌、当前歌单)
图就放一部分了,更多内容欢迎戳 http://oyhfe.com/VueMusic
最后!重点!敲黑板!
距离上次交做业已通过了二十多天了,一开始也没想到这个项目会花掉我这么久时间,一路踩了不少坑,内容实现也有些繁琐,可是收获仍是不少的,增长了Vue全家桶熟练度。
欢迎你们提issue,pr