仿网易云PC端项目-vue

项目GitHub地址： wangyiMusicPlayer.

wangyiMusicPlayer——这是一个仿网易云PC端的的项目（vue）

项目简介：

本项目使用的后端接口{接口文档已放在项目中，自行下载使用}

前端采用技术：
1.vue-cli,vue-router,element-ui,axios请求,父子组件传值
2.路由跳转（携带参数）：具体体现在各个页面的跳转
3.组件从本身跳转到本身（携带参数）：具体体现在mv详情页中(mv.vue) 点击推荐mv

项目效果图：

发现音乐

推荐歌单
最新音乐

最新mv
歌单详情页

mv详情页
搜索关键字后的结果页

项目的启动：

首先创建一个vue-cli项目：vue create hmplayer
进入到项目目录下，执行npm run serve命令

项目目录介绍

项目的不足

歌单详情里面的播放全部按钮还未实现
在歌单详情页面里不能播放音乐，只能播放mv，是因为播放音乐的标签写在了index.vue中，而歌单详情页面playlist.vue与index.vue是平级，没有联系。要实现无关系的平级组件之间修改属性，可能要用vuex实现或者用 event bus或者本地存储(localstorage)
抓紧学习，争取完善更新整个项目，做出更复杂的功能需求，加油加油加油！！！！

bus或者本地存储(localstorage)

抓紧学习，争取完善更新整个项目，做出更复杂的功能需求，加油加油加油！！！！

仿网易云PC端项目-vue相关推荐

Vue仿网易云PC端的网页
贴个网址:https://github.com/wangjie3186594/-PC- 声明一下:这个网页没做完!没做完!没做完! 本人新人一枚,按照的是我当前的学习进度做的项目,很多效果未 ...
请分析网易云PC端界面体现了哪些界面设计原则，并给出其界面设计目标达成度的分析...
网易云PC端界面体现了以下几个界面设计原则: 易用性原则:网易云PC端界面的操作相对简单,用户容易找到所需的功能.比如,它采用了常见的界面布局,使得用户可以轻松地找到所需的功能按钮,同时在界面中也提供 ...
Vue高仿网易云网页端源码
源码介绍: 音乐播放器虽然烂大街了,但是作为前端没自己撸一个一直是个遗憾,而且偶然间发现 pc 端 web 版的网易云音乐做的实在是太简陋了,社区仿 pc 客户端的网易云也不多见,为了弥补这个遗憾,就 ...
使用vue实现自己音乐播放器仿网易云移动端（audio、播放、暂停、上一首、下一首、展示评论、音量控制、进度条拖拽）
最终实现成果展示源码地址在线演示地址 - 网抑云音乐 1.播放暂停功能的实现这是audio标签 <audio @timeupdate="updateTime" @ca ...
web音乐系统 javaweb音乐网站低仿网易云音乐网站项目期末课设课设项目
在一筹莫展的搞期末课设时,看到了这个up主的项目,简直是神仙下凡!!! 视频链接:https://www.bilibili.com/video/BV1i4411K7g4/?spm_id_from=33 ...
仿网易云项目前端服务器部署+Nodejs部署
做了几天的仿网易云移动端项目,做出来了不知道怎么部署上线?搞了好久!!!!记录一下! 1.首先(优化 + 检查)项目 1.1 vue.config.js种配置: 安装 npm i compressio ...
仿网易云音乐项目的开始
开始最近学习前端,比较迷茫,不知道该怎么做.决定做一个项目来梳理并锻炼自己的水平. 准备网上有很多项目,之所以选择了仿网易云音乐的项目,是因为Github上有网易云音乐的接口项目,这样的话可以完全 ...
高仿网易云音乐(vue实战项目)
高仿网易云音乐(Vue实战项目)
怎么做前后端分离的个人博客，内部还有仿网易云音乐模块？点进便知！（基于Vue，Springboot+mybatisplus+SpringCloud+ElasticSearch等框架实现）
入站须知一.个人博客简介 1.1 博客主要页面: 1.1.1 首页 1.1.2 分类页 1.1.3 分类页 1.1.4 归档页 1.1.5 友链页 1.1.6 关于我 1.1.7 留言 ...