博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Vue.js全家桶高还原网易云音乐(Windows PC版)
阅读量:6322 次
发布时间:2019-06-22

本文共 629 字,大约阅读时间需要 2 分钟。

项目地址

  • 由于网易云的api限制,部分功能可能会失效,如有需要可以clone项目下来在本地运行,如果api炸了,麻烦在评论中告知一下我

  • 因为做的是PC端 所以请在电脑端访问

  • (评论和歌单详情api都封了我的ip暂时无法使用这两个功能了)

项目描述

前端部分

  • 实现了滑块、弹出层、歌词、分页、轮播等组件 所有组件皆独立完成

  • 使用了Vue.js做单页应用

  • 使用了Vue Router处理路由

  • 使用了Vuex管理组件间的状态,实现非父子组件之间的通信

  • 初始化数据通过localstorage存储

后端部分

  • 开发环境下使用了express处理路由

  • 通过CORS解决跨域问题

完成情况

实现了

(登录功能一开始想做的,但一想大家也不放心把网易云账号密码用来登录,所以还是没做了)

  • 网易云音乐首页(轮播、推荐歌单、每日推荐、热门歌单、排行榜、热门歌手、最新音乐)

  • 切换主题(因为PC端切换主题要改的样式太繁琐,所以只做了黑色和红色的主题)

  • 搜索(歌曲搜索、歌手搜索、歌单搜索、专辑搜索)

  • 播放页面(歌词显示、所有评论显示(分页展示))

  • 歌单、专辑、歌手信息等展示页

  • 当然还有最重要的播放功能(音量调节、快进快退、切歌、当前歌单)

首页(红色主题)

首页(黑色主题)

播放页

歌单内容

图就放一部分了,更多内容欢迎戳

最后!重点!敲黑板!

距离上次交作业已经过了二十多天了,一开始也没想到这个项目会花掉我这么久时间,一路踩了很多坑,内容实现也有些繁琐,但是收获还是很多的,增加了Vue全家桶熟练度。

欢迎大家提issue,pr

转载地址:http://sqvaa.baihongyu.com/

你可能感兴趣的文章
python 异常
查看>>
last_insert_id()获取mysql最后一条记录ID
查看>>
可执行程序找不到lib库地址的处理方法
查看>>
Richard M. Stallman 给《自由开源软件本地化》写的前言
查看>>
oracle数据库密码过期报错
查看>>
rhel6下安装配置Squid过程
查看>>
《树莓派开发实战(第2版)》——1.1 选择树莓派型号
查看>>
在 Linux 下使用 fdisk 扩展分区容量
查看>>
如何在 Ubuntu Linux 16.04 LTS 中使用多个连接加速 apt-get/apt
查看>>
Delphi 操作Flash D7~XE10都有 导入Activex控件 shockwave
查看>>
oracle 学习笔记之名词解释
查看>>
MySQL Cluster搭建与测试
查看>>
python数据分析画图体验
查看>>
军规15 确保集成和调用第三方APP
查看>>
Etcd和ZooKeeper,究竟谁在watch的功能表现更好?
查看>>
Shredding Company 碎纸机,dfs()枚举每一种情况,再加剪枝。
查看>>
命名空间和模块化编程 - C++快速入门39
查看>>
结构化程序设计03 - 零基础入门学习Delphi12
查看>>
D2007在64位Win7出现 delphi 2007 assertion failure thread32.cpp 的解决办法
查看>>
STM32的TAMPER-RTC管脚作为Tamper的使用[转]
查看>>