thomaslwq/musicplayer

1. 项目技术相关

1.1. VUE2技术

1.2. VUE2插件 Axios

2. 帮助文档

1. VUE2官方安装指导
2. Axios安装指导
3. 音乐接口

3. 项目搭建

3.1. VUE2安装

3.2. VUE2目录结构

目录名	作用
css	存放公共样式
images	存放图片

3.3. 搭建项目的页面

页面名称	名称
首页	播放器.html

4. 接口数据

4.1. 歌曲接口

msg 接口返回信息 code 接口返回代码 code==200 时，查询正确

1. 歌曲搜索接口

   @url https://apimusic.linweiqin.com/search
   @method get
   @params keywords
   @return result,code
   @result songs(id,name)

2. 歌曲url获取接口

   @url https://apimusic.linweiqin.com/song/url
   @method get
   @params id((歌曲id)
   @return data,code
   @data   id,url(歌曲URL),size,type

3. 歌曲详情获取

   @url https://apimusic.linweiqin.com/song/detail
   @method get
   @params ids
   @return songs,code
   @songs  id,name,al(picUrl)相册

4. 热门评论获取

   @url https://apimusic.linweiqin.com/comment/hot?type=0
   @method get
   @params id(歌曲id,地址中的type固定为0)
   @return code,total,hotComments(热门评论)
   @hotComments user(avatarUrl,nickname,userId),content,time,likedCount

5. mv地址获取

   @url https://apimusic.linweiqin.com/mv/url
   @method get
   @params id(mvid,为0表示没有mv)
   @return code,data(url,size,id)