网易云音乐（移动端）

项目介绍：前后端分离，前端用Js,HTML,CSS,Vue(Element组件，Vant组件) Vuex，Vue-router Jquery，功能来完善项目的制作，后端用的是网易云的API地址来实现获取数据进行页面渲染。音乐app的主要功能功能如下。

1，首先是主界面视图的展示，轮播和滑动使用的vue的Vant组件实现功能

2，登录前端功能获取你的账号密码并提交给网易云实现登录成功

3,歌单详情页和歌曲的展示点击想听的歌曲并进行播放.

4，播放的歌曲和歌词部分和上下首的切换功能等，点击磁盘切换歌词部分。

5，还有必要的一个功能就是搜索，在搜索界面点击切换歌曲保留搜索历史等功能

上面是页面的功能，代码如下！

1，首先是网易云音乐所有的Vue组件展示

2,跳转页面用到的Vue-router （路由）

3,Vant组件的使用导出getVant函数在main.js全局引用后在组件中就可以直接使用Vant组件了

4，在组件需要的数据存放在了Vuex里下面代码

State部分

Mutations部分

Actions部分

5，播放当前位置歌词和歌词时间的处理

在写这个项目的时候就用到了这些页面元素比较简单组件化开发划分清晰，思路想好了再动手写代码会比较容易的多，Vue组件部分就不说什么了，希望还在学Vue的小伙伴们有点帮助吧，源代码我上传资源了，加油！

网易云音乐（移动端）相关推荐

网易云音乐移动端项目实战(分解下)
网易云音乐移动端项目实战(分解下) 一.搜索页面与历史搜索记录 <template><div class="listviewTop"><div cla ...
仿网易云音乐Android端歌手资料页面的实现
最近项目首页需要用到Banner + tab + ViewPager切换的效果,在思考实现的过程中我突然发现,这个效果与网易云音乐Android端的歌手资料页面十分相似,因此好好把玩了一下网易云音乐, ...
网易云音乐PC端刷曲快捷键
文章首发于szhshp的第三边境研究所(szhshp.org), 转载请注明网易云音乐PC端刷曲快捷键好吧我承认我特别懒云音乐其实做的还不错,FM推荐的算法明显比虾米好. 虾米可以听的曲子都被我 ...
网易云音乐移动端项目实战(分解上)
网易云音乐后台API服务搭建步骤一 windows系统安装git //傻瓜式安装,可以一直next 步骤二网易云音乐 NodeJS 版 API 下载好后,在vscode下新建一个文件夹右击打开g ...
网易云音乐移动端项目实战(分解中)
网易云音乐移动端项目实战(分解中) 一.底部全局播放控件制作 play-control.vue <template><div class="playcontrolor&qu ...
【抓包】网易云音乐WEB端歌曲评论接口分析
不想看分析的,可以直接跳到最下面看总结,我给出了整个Api接口. 文章目录抓包流程+分析总结抓包流程+分析随便找首歌,然后打开chrome的开发助手,看看调用了哪些请求. 先猜测是用异步的方式 ...
前端项目网易云音乐移动端经验总结
HTML: audio标签控制音乐播放,有个原生play()方法控制播放 marquee这个标签可以实现滑动,类似于动画一样 marquee(文字滚动)标签_别The Crossing的博客-CSDN ...
使用jQuery仿制网易云音乐移动端
预览地址 2018年05月01日21:37:28 完成了主页的推荐音乐.热歌榜.搜索和播放页面. 2018年4月20日15:18:13 这是一个项目笔记,用于记录制作这个项目的点点滴滴. 明确需求左 ...
WPF 网易云音乐PC端
简介 (1)左侧菜单采用 Expander+RadioButton: MVVM 绑定后台的一个Menu 属性(使用转换器) (2)右侧采用Frame绑定Page的方式 ## [更新日志] ### 1 ...
PC端网易云音乐播放云盘音乐时显示加载失败，自动调转下一首的解决方法
PC端网易云音乐播放云盘音乐时显示加载失败,自动调转下一首解决方法注意: 一定要看看是不是和你的情况一样,不一样不要用这种方法!!! 具体情况: 我们经常会下载歌曲存到电脑文件夹里,然后通过网易云音 ...

网易云音乐（移动端）

项目介绍：前后端分离，前端用Js,HTML,CSS,Vue(Element组件，Vant组件) Vuex，Vue-router Jquery，功能来完善项目的制作，后端用的是网易云的API地址来实现获取数据进行页面渲染。音乐app的主要功能功能如下。

网易云音乐（移动端）相关推荐

最新文章

热门文章