高仿网易云音乐(vue实战项目)

高仿网易云音乐(Vue实战项目) ????仅供学习使用开发的高仿网易云音乐的完整项目~!仅供个人学习~!群号:970804317 下面也会有二维码请务必将文档看完, 很多问题都可以在文档中找到解决,也可以加入群一起交流,B站预览图片预览在楼下Github地址API地址技术栈VueCliElementUiVue主要功能网易云音乐官方热门榜单的banner轮播图个性推荐模块,歌单推荐模块, 歌单排行榜

wangSir.z_z

11433人浏览 · 2020-10-29 22:21:10

wangSir.z_z · 2020-10-29 22:21:10 发布

高仿网易云音乐(Vue实战项目) 💘

仅供学习使用开发的高仿网易云音乐的完整项目~!

仅供个人学习~!
群号:970804317 下面也会有二维码
请务必将文档看完, 很多问题都可以在文档中找到解决,也可以加入群一起交流,

技术栈

VueCli
ElementUi
Vue

主要功能

网易云音乐官方热门榜单的banner轮播图
个性推荐模块, 歌单推荐模块, 歌单排行榜
歌手推荐信息, 独家放送模块 ,最新音乐模块
登录模块(网易账号),视频分类模块(需登录)
音乐云盘模块(需登录), 私人收藏歌单(需登录)
歌单播放, 单曲播放, 视频播放页面
歌词滚动播放, 歌曲详情页, 歌曲视频评论

项目预览

首页

在这里插入图片描述

歌单

在这里插入图片描述

排行榜

在这里插入图片描述

歌手

在这里插入图片描述

音乐云盘

在这里插入图片描述

歌单详情页

在这里插入图片描述

播放页

在这里插入图片描述

搜索页

在这里插入图片描述

快速启动

当前项目目录下,路径输入cmd进入命令行

npm install # 安装项目所需的依赖(如果速度过慢, 可以尝试cnpm)
npm run serve #启动项目服务

此时, 浏览器打开, 输入网址http://localhost:8080,此时项目就完全跑起来了! 是不是觉得很简单呢 ? 其实就是这么简单快捷!

警告

本项目仅用于学习练习, 本人不承担任何恶意使用后果
本项目代码遵循开源协议

致谢

本项目基于或参考以下项目：

后台接口项目

问题

在这里插入图片描述

开发学习问题或者好的建议可以给出反馈交流, 一起学习
如果有需要QQ群里提问，请在提问前先完成以下过程：
- 请仔细阅读本项目文档，查看能否解决；
- 百度或谷歌相关技术；
- 查看相关技术的官方文档
- 请提问前尽可能做一些思考分析，然后提问时给出详细的信息以及个人对问题的理解。

希望能与大家成为开发路上的好朋友~! 期待与你相遇~

License

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^