当前位置: 首页 > news >正文

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

这里写目录标题

  • 一、项目主要界面及介绍
  • 二、源码、接口文档获取
  • 三、项目运行教程

一、项目主要界面及介绍

技术:使用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、接口文档、运行教程)”即可带走。

这个项目的运行可以说十分简单了,项目主要侧重前端,播放功能是静态的,接口文档部分截图:
在这里插入图片描述

相关文章:

  • 界面控件DevExpress WPF即将发布Windows 11深色主题,期待吗?
  • 【JAVA程序设计】基于SSM(非maven)图书馆座位预约管理系统
  • 基于多尺度卷积神经网络特征融合的植株叶片检测技术
  • 我的大学期末网页作业 仿学校网站制作实现 HTML+CSS西北大学新闻网带psd带js
  • vue基于web的化妆品美妆商城电子商务python flask django
  • 2022.9.29
  • 说个好事!
  • 拥有近红外染料的 花青素Cy7-四嗪, Cy7 tetrazine,CY7-四嗪 物理数据
  • 从0到1项目搭建-框架搭建(附源码)
  • Windows 11 Insider Preview Build 22621.730/22623.730(KB5017385)发布!
  • 当图网络遇上计算机视觉!计算机视觉中基于图神经网络和图Transformer的方法和最新进展...
  • 如何通过执行SQL为低代码项目提速?
  • linux_文件跟踪查看/实时查看添加到⽂件中的内容/linux日志查看(outline)
  • CDH Kerberos启动后hue报错Couldn‘t renew kerberos ticket
  • 学Spring5源码之入门
  • Computed property XXX was assigned to but it has no setter
  • css属性的继承、初识值、计算值、当前值、应用值
  • Javascript基础之Array数组API
  • mongodb--安装和初步使用教程
  • nodejs实现webservice问题总结
  • Perseus-BERT——业内性能极致优化的BERT训练方案
  • python大佬养成计划----difflib模块
  • SpiderData 2019年2月16日 DApp数据排行榜
  • spring security oauth2 password授权模式
  • spring-boot List转Page
  • text-decoration与color属性
  • Vue源码解析(二)Vue的双向绑定讲解及实现
  • 简单实现一个textarea自适应高度
  • 使用 Node.js 的 nodemailer 模块发送邮件(支持 QQ、163 等、支持附件)
  • 微信公众号开发小记——5.python微信红包
  • 一个SAP顾问在美国的这些年
  • 运行时添加log4j2的appender
  • (1)(1.13) SiK无线电高级配置(五)
  • (11)工业界推荐系统-小红书推荐场景及内部实践【粗排三塔模型】
  • (2009.11版)《网络管理员考试 考前冲刺预测卷及考点解析》复习重点
  • (delphi11最新学习资料) Object Pascal 学习笔记---第8章第2节(共同的基类)
  • (poj1.3.2)1791(构造法模拟)
  • (附源码)springboot金融新闻信息服务系统 毕业设计651450
  • (转)如何上传第三方jar包至Maven私服让maven项目可以使用第三方jar包
  • (转)用.Net的File控件上传文件的解决方案
  • * CIL library *(* CIL module *) : error LNK2005: _DllMain@12 already defined in mfcs120u.lib(dllmodu
  • .NET Core使用NPOI导出复杂,美观的Excel详解
  • .Net Remoting(分离服务程序实现) - Part.3
  • .NET 服务 ServiceController
  • .Net多线程总结
  • .NET连接数据库方式
  • @converter 只能用mysql吗_python-MySQLConverter对象没有mysql-connector属性’...
  • []利用定点式具实现:文件读取,完成不同进制之间的
  • [2016.7 test.5] T1
  • [20190401]关于semtimedop函数调用.txt
  • [2023年]-hadoop面试真题(一)
  • [AIGC] Java 和 Kotlin 的区别
  • [BZOJ 1032][JSOI2007]祖码Zuma(区间Dp)
  • [BZOJ3757] 苹果树
  • [c++] C++多态(虚函数和虚继承)