一、项目主要界面及介绍

技术：使用Vue+vue-cli+vue-router+node.js+element-UI+网易云接口。*

项目描述：
本项目是基于Vue.js的仿网易云的web端网页，开发过程路主要使用到了Vue、html、css、JavaScript、Element-UI组件库、vue-cli、Vue-router、Vuex等技术。
主要实现了页面基本样式、账号登录、歌曲播放、MV播放，个性推荐、歌单、排行榜、歌手、歌曲详情、歌手详情、歌手分类等页面的展示和部分网易云后台数据的获取。

项目总体设计思路

a、先确定好页面的总体布局，初始样式等
b、创建好所有页面文件，并通过vue-router 写好各个页面的路由关系
c、逐个实现各个页面的样式和功能
d、通过vuex解决组件和页面之间的通信

主要界面展示

二、源码、接口文档获取

百度云链接：https://pan.baidu.com/s/1EDCOrL7URhJxZGiXkJvwpA
提取码：i65d

三、项目运行教程

1.VSCODE打开music_web-master文件夹，新建终端，然后安装依赖：

npm i

运行
如果下载速度太慢，也可以选择

cnpm i

2.跑起来

npm run serve

或者

cnpm run serve

项目就打开啦

项目源码及运行截图：获取：cynm-2233，找到“【008】基于vue.js的仿网易云web端（含源码答辩PPT、接口文档、运行教程）”即可带走。

这个项目的运行可以说十分简单了，项目主要侧重前端，播放功能是静态的，接口文档部分截图：

【017】基于vue.js的网易云web端(实现播放、登录)（Node接口实现）相关推荐

基于 Vue.js 2.0 酷炫自适应背景视频登录页面的设计
本文讲述如何实现拥有酷炫背景视频的登录页面,浏览器窗口随意拉伸,背景视频及前景登录组件均能完美适配,背景视频可始终铺满窗口,前景组件始终居中,视频的内容始终得到最大限度的保留,可以得到最好的视觉效果. ...
Vue高仿网易云网页端源码
源码介绍: 音乐播放器虽然烂大街了,但是作为前端没自己撸一个一直是个遗憾,而且偶然间发现 pc 端 web 版的网易云音乐做的实在是太简陋了,社区仿 pc 客户端的网易云也不多见,为了弥补这个遗憾,就 ...
基于vue的UI框架集锦(移动端+pc端)
1. vonic 一个基于 vue.js 和 ionic 样式的 UI 框架,用于快速构建移动端单页应用,很简约,是我喜欢的风格 star 2.3k 中文文档在线预览 2.vux 基于WeUI和Vu ...
基于Vue JS, Webpack 以及Material Design的渐进式web应用 [Part 1]
基于Vue JS, Webpack 以及Material Design的渐进式web应用 [Part 1] 原文:基于Vue JS, Webpack 以及Material Design的渐进式web应 ...
[译]基于Vue JS, Webpack 以及Material Design的渐进式web应用 [Part 1]
渐进式web应用是大势所趋.越来越多的大公司开始使用这些技术(比如推特:https://mobile.twitter.com/). 想象你可以在地铁中浏览一个web应用,这个应用能够向用户推送通知并且 ...
基于Vue.js和Node.js的个人网盘系统——科技立项中期成果
基于Vue.js和Node.js的个人网盘系统个人网盘系统前端使用Vue.js框架,特别使用了Vue3支持的Element Plus组件库.后端使用Node.js提供服务.数据库使用MongoDB. ...
基于 Vue.js+Springboot 的学院社团管理系统的设计与实现
在教育深化改革的背景下,我国除了优化教育体制,提升教育水平之外,还鼓励学生参与课外活动,促进学生全面发展.如何更好地让大学生加入适合自己的社团,在繁忙的学习之余,可以更好的参与到社团的活动,从中汲取新 ...
【毕业设计】基于Vue.js画作交流平台的设计与实现
文章目录摘要 Abstract 引言系统开发理论基础开发语言简介 HTML5 JavaScript Less PHP R Python Go 框架简介 Vue.js ThinkPHP Flask ...
pdfh5.js 基于pdf.js和jQuery，web/h5/移动端PDF预览手势缩放插件。
pdfh5.js 基于pdf.js和jQuery,web/h5/移动端PDF预览手势缩放插件. 注意:本地绝对路径地址不能加载,跨域问题用代理或者服务端解决. svg模式渲染存在缺陷,只能渲染普通pd ...
js时间选择器_Vuestic Admin一款免费与美妙基于Vue.js开发的管理模板
Vuestic Admin 简介 vuestic admin是一款流行,免费与美妙的基于Vue.js开发出来的管理模板,包括38以上个定制用户界面组件,由Epicmax开发,由Vasili Savit ...

【017】基于vue.js的网易云web端(实现播放、登录)（Node接口实现）

这里写目录标题

一、项目主要界面及介绍

二、源码、接口文档获取

三、项目运行教程

【017】基于vue.js的网易云web端(实现播放、登录)（Node接口实现）相关推荐

最新文章

热门文章