WX小程序开发在线音乐播放器的设计与实现

WX小程序开发在线音乐播放器的设计与实现

摘要：随着社会的信息技术的发展，越来越多的人使用WX，在2017年1月才出现在人们WX 里的小程序，近来是越来越火爆，好多拥有APP客户端的商家都已做好关于自己APP的WX小程序以用来方便客户的使用。因为WX小程序是一种快捷方式，不用下载，直接使用，不占用手机内存的一款快捷式小程序。我要做的是一款WX在线音乐播放器，其播放器有搜索页面，音乐排行榜，歌曲列表等等功能。在WX公众号上注册WX小程序，再在WX小程序里下载WX小程序开发工具，然后利用JavaScript语言编写。WX小程序在线音乐播放器的作用是：为了让喜欢听音乐的人免于下载音乐APP，直接在WX小程序上就可以听自己喜欢听的音乐。

关键词：小程序；音乐；WX

Abstract :With the development of information technology, more and more people use WeChat. Besides, the small program of WeChat has been more and more popular, which be applied in January 2017. many stores using APP are ready on the small program of WeChat APP for the convenience of customers. The small program has a lot of advantages, such as: no download, direct use, do not occupy the mobile memory of a shortcut program. I am aiming at develop a WeChat online music player with the functions of a search page, a music list, a list of songs, and so on. The process of using: Firstly, the WeChat small program is registered on the WeChat public number, and then the WeChat small program development tool is downloaded in the WeChat small program. Finally, it is written in the JavaScript language. The role of WeChat small program online music player is let the people who listen to music avoid being downloaded music APP, and they can listen to music that they like directly on WeChat applet.

Key words: Small programs; Music; WeChat

目录

摘要........................................................... I Abstract ........................................................... I 目录.......................................................... II 绪论 (1)

1选题背景及开发工具简介 (1)

1.1 选题背景 (1)

1.2 小程序概况 (2)

1.3 开发者工具介绍 (2)

1.3.1 WX小程序发展历程 (3)

2需求分析 (3)

2.1 小程序目标 (3)

2.2 开发概况 (3)

2.3 用户需求调查 (3)

2.3.1 E-R图 (4)

2.3.2 功能需求 (4)

3程序可行性分析 (5)

3.1 经济可行性 (6)

3.2 技术可行性 (6)

3.3 法理可行性 (6)

4主要功能详细设计 (7)

4.1 播放界面的实现 (7)

4.2 歌曲列表的实现 (8)

4.3 排行榜的实现 (9)

4.4 搜索页面的实现 (11)

5预览与调试 (13)

5.1 黑盒测试 (13)

5.2 白盒测试 (13)

6总结与展望 (14)

参考文献........................................... 错误!未定义书签。附录. (15)

附录A 播放界面的wxml代码： (15)

附录B 播放界面js代码： (15)

附录C 搜索页面js代码： (20)

致谢........................................... 错误!未定义书签。

绪论

音乐的魅力在生活中是极其大的，不同的国家、不同语言的人在不同的时间和地点可以从音乐中体会到相同的情感，可以加强人与人之间的联系。我们同时可以从音乐里了解异国他乡，因为音乐是人类共同的精神食粮，它使得身体放轻松，心情愉悦，舒解压力，避免了一系列的神经紧张失调，而导致的慢性疾病的产生，甚至有的时候能够做到某些程度上的心灵治疗。随着社会的发展，当今社会使用智能手机的人越来越多。现如今随着科技的发展的日益强大，越来越多的高科技以及智能科技出现在人们的生活学习中。人们在生活中避免不了的就是WX，走到哪里都拿着手机看着WX。但是对于一个手机内存不足，但是很喜欢听音乐的人来说。这时候就需要考虑一款不需要安装又确实存在于手机的一款APP。

根据用户调查，百分之八十的年轻人喜欢用网易云音乐，百分之三十的小学生喜欢用QQ音乐，百分之六十的中年人喜欢用酷狗音乐。在经过计算、推理、以及经济的预算之后，决定做一个WX 小程序关于在线音乐播放器。由于资金有限，所以方案是做一个主页，搜索页面以及个人设置。其中主要开发工具是WXWeb开发者工具。

1选题背景及开发工具简介

1.1 选题背景

2017年，WX小程序已经是当下最热门的话题。在全面开放申请后，主体类型为企业、政府、媒体、其他组织或个人WX在线音乐播放器是为了方便广大爱好音乐，爱听音乐的人群，但是手机内存不大的人群，一项为了提供听音乐方便而制作的一款WX小程序在线音乐播放器。一款可以用WX登录的在线音乐播放器。信息时代，是能够极大地改变了人们的生产生活方式，改变着人们的思维方式和思想状态，这对传统的使用音乐软件有许多的不同之处。因为现在的音乐软件存在着版权问题，有些音乐在有些音乐软件商才可以播放，就极大地限制了人们对自己喜欢的音乐的限制。首先做这款WX音乐在线小程序的初衷是为了方便客户，不用下载APP，也能听到自己