小程序版本:

首先是网易云的音乐接口:

npm 

源码获取见文章底部。

目前实现功能

  1. 用户

  2. 歌单

  3. FM

  4. 播放

  5. 评论

  6. MV

  7. 专辑

  8. 歌手

  9. 登录

  10. 歌曲红心,FM trash,收藏单曲至歌单

  11. 收听记录

  12. 歌单歌曲推荐

  13. 迷你播放条

  14. 电台,节目

  15. 搜索

TODO

  • 增加评论,评论点赞等

  • 歌词翻译

  • 收藏(歌单,歌手,专辑,电台

  • 音质切换

  • 用户动态,粉丝

  • 新歌 新专 分类电台

系统的界面截图如下所示:

Vue版本:

技术栈

  1. Vue全家桶(vue,vue-router,vuex)

  2. axios(http)

  3. mint-ui+移植原来小程序版的css

  4. node(接口服务),地址在这里

  5. 图片资源来自ios端解压缩文件

部署

后端项目

# 克隆node后端代码到本地

前台项目

# install dependencies

系统具体的截图如下所示:

关注公众号,后端回复:音乐小程序

转发、点赞、在看,是最大支持。

孟哥继续分享ing……

小程序能用vue写么_仿网易云音乐APP的微信小程序【小程序和Vue版本】相关推荐

  1. 高仿网易云音乐UI的微信小程序源码

    简介: 仿网易云音乐的微信小程序源码,名为YY音乐小程序,首页有每日推荐歌曲.歌单和热歌排行榜,功能不是特别多但是该有的都有. UI特别精致,简直就是克隆的网易云音乐. 源码下载:百度网盘自取 图片:

  2. uniapp 仿网易云音乐播放器 微信小程序

    效果视频: uniapp 仿照网易云播放器功能 效果截图: 上代码: <template><view class=""><scroll-view :s ...

  3. 尚硅谷微信小程序开发 仿网易云音乐App 小程序 后端接口服务器搭建

    目录 小程序学习 视频相关的教程文档与笔记分享 配套服务器 源码地址: 接口使用说明文档 接口列表 启动服务 测试服务启动OK网页 http://localhost:3000/test.html​编辑 ...

  4. SpringBoot+vue仿网易云音乐网站(三)- Springboot项目以及前端vue基础搭建

    一.基础项目搭建 1. 新建springboot项目 在搭建Springboot项目之前,需要的基础环境:JDK(8).Maven,工具Idea.项目就新建一个简单的springboot项目就行了,具 ...

  5. Vue实现web端仿网易云音乐 完成大部分功能

    采用vue2+element,后台网易云接口为github某位大佬写的,上传到腾讯云服务器实现在线接口 1.代码结构 一.未登录页面 1.未登录效果预览 动图经过压缩可能渐变色不明显..... 由于图 ...

  6. 仿网易云音乐微信小程序源码

    欢迎star issue 仿网易云音乐APP的微信小程序 源码下载地址,自己去下载就行,http://code.662p.com/view/19352.html 目前实现功能 用户 歌单 FM 播放 ...

  7. 仿网易云音乐(微信小程序版)

    项目部分截图(Gif) 前言 前一阵子学习了微信小程序,为了巩固所学的知识和提高实战经验,决定自己手撸一款小程序.因为听歌一直在用网易云音乐,所以突发奇想就做一款仿网易云音乐的小程序吧!开发中遇到了很 ...

  8. 微信小程序仿网易云音乐(使用云开发,提供源码)

    微信小程序仿网易云音乐(使用云开发,提供源码)!!!!!!!!!!! 源码: 链接:https://pan.baidu.com/s/1z_ZnRVbT4vjEENimi8yBQQ 提取码:u0o3 一 ...

  9. 新版仿网易云音乐的YY音乐微信小程序源码

    正文: 仿网易云音乐的YY音乐微信小程序源码,这是一款仿网易云手机端的小程序源码 名为YY音乐小程序,首页有每日推荐歌曲.歌单和热歌排行榜,功能不是特别多 但是还是比较简洁美观的,省去了现在网易云音乐 ...

最新文章

  1. 博途plc连接电脑_西门子CP2431通过SIMATIC NET连接WinCC
  2. 网络营销专员浅析网络营销推广基本形式你更中意哪种?
  3. eclipse问题 - windows版
  4. JZOJ 5616. 【NOI2018模拟3.31】沧海尘记
  5. 点击输入框弹出文字html,jQuery实现点击文本框弹出热门标签的提示效果
  6. Webpack —— tree-starking 解析
  7. 主键能否@onetoone_双向@OneToOne主键关联
  8. 使用RxNetty访问Meetup的流API
  9. 在Java中衡量执行时间– Spring StopWatch示例
  10. 暴力修改SElinux权限
  11. 没有lrzsz,怎么传文件到服务器?
  12. linux7.4裸设备的配置文件是什么,linux下配置裸设备
  13. oracle结果集排序,oracle数据库菜鸟教程——结果集排序
  14. win10电脑不显示手机连接服务器失败,技术员教你解决win10系统手机连接不上电脑没反应的操作办法...
  15. Mosquitto修改默认端口port
  16. 新加坡国立大学计算机学院师资,我系教师刘志刚赴新加坡国立大学访学
  17. WEB-INF与META-INF详解
  18. #455 科技乱炖:看完《流浪地球2》,我们为行星发动机设计了网络架构
  19. SCAU 8609 哈夫曼树
  20. 美国计算机技术发展历史,计算机的发展历史

热门文章

  1. ResNet网络结构的搭建(一)
  2. VXLAN 二层互通
  3. 「春招系列」30张图理解HTTP在面试中所有会出现的题
  4. GDKOI2016 爆零记
  5. 计算机科学与技术要买游戏本,大学生刚刚进入学校,需要购买笔记本电脑吗?听听学姐的建议吧...
  6. get请求参数请求失败问题
  7. DirectX12学习笔记(六)Drawing in Direct3D
  8. 失业七个月,面试六十家公司的深圳体验[1]
  9. 转载:获取屏幕的分辨率(多屏幕或者单屏幕)
  10. [辣鸡小白]关于利用python实现可视化的一些感想