摘 要微信是Web2.0和“互联网+”下极具代表性的移动APP。在取得巨大成功的基础上，2016年微信又提供了小程序的开发功能，能够让开发者基于微信平台开发相关的小型应用。本毕业设计研究基于微信小程序技术的音乐播放器，其设计采用JavaScript、CSS、XML技术，使用wechat_web_devtools作为开发工具，通过微信小程序的组件及API提供的视图、表单组件等功能，实现音乐播放器的基本功能。本毕业论文首先简单介绍了微信小程序的背景及意义；然后详细介绍了实现音乐播放器所使用的开发技术和方法；在对音乐播放器进行需求分析和设计之后，对音乐播放器的进行了代码实现和测试。
目 录
第一章 绪 论 1
1.1 背景概述 1
1.2 播放器开发的目的和意义 1
第二章 开发技术介绍 2
2.1 JavaScript脚本 2
2.2 CSS语言 2
2.3 开发工具介绍 3
3.1 项目简介 4
3.2 微信小程序开发的技术特征 4
3.2.1 小程序的概念 4
3.2.2 小程序项目的基本结构 4
3.3 播放器需求分析 5
第四章 音乐播放器的设计与实现 7
4.1 音乐播放器功能设计 7
4.1.1 页面设计 7
4.1.2 功能设计 8
4.2 播放器的实现 12
4.2.1 主界面 12
4.2.2 音乐播放暂停设计 15
第五章 音乐播放器系统测试 25
5.1 系统测试的目的 25
5.2 运行环境 25
5.3 测试用例编写 25
5.4 现存缺陷 26
结束语 28
参考文献 30
第一章 绪 论
1.1 背景概述
随着互联网的不断发展，人们日常生活的日益丰富，移动互联逐渐成为生活中不可缺少的一部分。网络购物、外卖、旅游买票、听音乐、看视频、看小说、打游戏等等，人们越来越离不开手机，手机中安装着各种各样满足日常需求的AP *51今日免费论文网|www.jxszl.com +Q: #351916072# 
P。
微信作为互联网发展的代表，提供了“公众号”这一服务以让第三方获取用户、传播信息[1]，而近年来这一服务逐渐暴露出的弊端，例如：订阅公众号后信息推送阅读率并不高，第三方无法有效获取用户[2]；公众号有限的功能服务无法满足第三方以及用户的需求等[3]。这种种不足促使微信研究出新的服务形态——微信小程序[4]。小程序是一种无需安装，即可使用的手机应用。大家只需要扫描二维码，或是搜一搜，就能立即使用,真正的“触手可及、用完即走” [5]。这一新服务形态的诞生，对于开发者而言，是新的商机与挑战；对于用户而言，则是一次全新的体验[6]。
1.2 播放器开发的目的和意义
由于社会的不断发展，人们的生活水平在逐渐提高，对于日常生活中的各类服务的需求也在日渐增加，这就导致了用户必须在手机上必须安装各种各样的APP来满足自己的需要，而这大大占用了手机的内存。然而，手机内存可谓“寸土寸金”，特别是对于不能够随意增加内存空间的iPhone用户来说。因此，如何有效减少APP对于内存的占用率对用户来说相当重要。
本课题主要研究基于微信小程序的音乐播放器的设计开发与实现。开发这一小程序，目的在于能够让用户不必特意下载安装音乐播放器相关的APP，即可在线听音乐，以达到一定程度上缓解了用户手机内存紧张的情况，同时又能够满足用户对于听音乐的需求的目的。通过课题研究，可以探索微信小程序所提供的相关功能服务[7]，以期以后能够在实际开发的过程中更好地去应用各种各样的功能，来开发出各种实用的小程序，服务第三方和用户群体[8]。
第二章 开发技术介绍
2.1 JavaScript脚本
JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。它是一种解释性脚本语言（代码不进行预编译）， 主要用来向HTML页面添加交互行为，可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。 在绝大多数浏览器的支持下，可以在多种平台下运行。
JavaScript脚本语言有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。它提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理[9]。
2.2 CSS语言
层叠样式表，英文名称Cascading Style Sheets，是一种用来表现HTML或XML等文件样式的计算机语言[10]。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化，拥有对网页对象和模型样式编辑的能力。总体来说，CSS具有以下特点：
（1）丰富的样式定义
CSS提供了丰富的文档样式外观，以及设置文本和背景属性的能力；允许为任何元素创建边框，以及元素边框与其他元素间的距离，以及元素边框与元素内容间的距离；允许随意改变文本的大小写方式、修饰方式以及其他页面效果。
（2）易于使用和修改
CSS可以将样式定义在HTML元素的style属性中，也可以将其定义在HTML文档的header部分，也可以将样式声明在一个专门的CSS文件中，以供HTML页面引用。总之，CSS样式表可以将所有的样式声明统一存放，进行统一管理。
另外，可以将相同样式的元素进行归类，使用同一个样式进行定义，也可以将某个样式应用到所有同名的HTML标签中，也可以将一个CSS样式指定到某个页面元素中。如果要修改样式，我们只需要在样式列表中找到相应的样式声明进行修改。
（3）多页面应用
CSS样式表可以单独存放在一个CSS文件中，这样我们就可以在多个页面中使用同一个CSS样式表。CSS样式表理论上不属于任何页面文件，在任何页面文件中都可以将其引用。这样就可以实现多个页面风格的统一。

原文链接：http://www.jxszl.com/jsj/jsjkxyjs/444683.html