歌单页的大致概况

歌单的获取

为避免推荐歌单的固化因此我们采用向服务器发送请求的方式使歌单可以根据网上的信息实时刷新，但由于官方并没有提供相关API因此只能一个个去找

经过坚持的寻找可用的API，终于发现了qq音乐，网易云音乐，酷我音乐的获取排行榜的相关API

QQ音乐：

https://c.y.qq.com/v8/fcg-bin/fcg_v8_toplist_cp.fcg?g_tk=5381&uin=0&format=json&inCharset=utf-8&outCharset=utf-8%C2%ACice=0&platform=h5&needNewCode=1&tpl=3&page=detail&type=top&topid=27&_=1519963122923'
    

网易云音乐

 'https://api.itooi.cn/music/netease/songList?key=579621905&id=3778678&limit=10&offset=0',

酷我音乐

:'https://api.itooi.cn/music/kuwo/songList?key=579621905&id=1082685106',

将通过wx.request的方式获取json数据并将其通过数据绑定的方式与前端进行交互

<view class="songlist" wx:for="{{Songlist}}">//循环生成曲目
 <text>{{item.data.singer[0].name}} {{item.data.songname}}//这里只显示歌曲名与歌手名，更多信息可以查看json文件自行挑选
 </text>
</view>

json文件类似如下：

数据全部可以拿到，与页面进行数据绑定即可