摘要：随着移动互联网的发展和智能设备的普及，近年来发展迅猛的手机社交软件“微信”自进入手机用户的视野以来，对手机用户的生活所占比重也越来越大。随着微信版本的不断更新，微信的功能越来越多，从单纯的聊天应用逐渐变成集媒体信息、游戏娱乐、生活服务、电子商务为一体的多功能综合型平台[1]。微信不仅改变了人们的生活方式，也对移动互联网的发展产生了重大影响。如何用好移动互联网，特别是如何利用好微信这个平台，让它们更好地为手机用户提供各种更便携的生活服务，成为摆在人们面前的一个新课题[2]。

本次设计主要是实现微信小程序的音乐播放系统，用户不用在意时间地点，只要打开手机微信进入小程序就能随时随地的听到自己想听的音乐，无需要下载其他手机APP，为用户节省手机空间的同时也为用户提供了更便捷的服务。在微信小程序的开发者工具下，采用了JavaScript、WXSS、WXML 等编程语言实现该音乐播放器，满足了用户在微信平台上实现音乐播放的基本需求[3]。

关键词：微信小程序；音乐播放器；WXSS；WXML

目   录

摘   要

ABSTRACT

第一章  绪论-1

1.1 研究背景及意义-1

1.2 课题研究现状-1

1.3主要研究内容和研究方法-1

1.4全文组织-2

第二章  系统开发环境介绍-3

2.1 微信web开发者工具简介-3

2.2 Visual Studio Code简介-3

2.3 WXML简介-3

2.4 WXSS简介-4

第三章 系统分析-5

3.1 需求分析-5

3.2 可行性分析-5

3.3 程序模块图-6

第四章  系统设计-7

4.1 微信小程序API设计-7

4.2 微信小程序API结构设计-8

第五章  系统实现-9

5.1 登录授权实现-9

5.2 乐库功能实现-10

5.3 搜索功能实现-13

5.4 个性推荐和主播电台切换的实现-18

5.5  MV播放的实现-19

5.6  歌手榜的实现-21

5.7  歌曲榜单排行的实现-24

5.8  播放界面的实现-28

5.9  播放历史的实现-31

第六章  系统测试-33

6.1 系统测试目的-33

6.2软件测试的方法-33

6.3 系统功能测试-33

6.4 测试结果分析-35

第七章  总结与展望-36

7.1 本文主要成果-36

7.2未来工作展望-37

参考文献-38

致  谢-39