1. 研究目的与意义（文献综述）

1.1研究的目的及意义

随着移动互联网迅速发展和移动通信网络环境的不断完善以及智能手机的进一步普及，移动互联网应用向用户各类生活需求深入渗透，促进手机上网使用率增长。手机用户对工作、生活、消费、娱乐等方面需求的多元化，使得移动应用app日益丰富，覆盖到日常生活的方方面面。手机上安装的移动应用越来越多，导致长尾现象严重，浪费了大量的资源。

音乐app估计是每个手机用户不可或缺的娱乐性app尤其是在年轻一代人。大学生的课间休息和自习室少不了音乐。上班族在上下班途中可以用音乐来放松心情。但是随着大家对娱乐性的要求还有移动厂商为了保持对用户的黏度，持续对音乐app进行创新维护，使得音乐app的更新频率很快，用户需要不定期地对app进行升级、重新下载和安装，带来了一定的麻烦。而且现在有的音乐app还会植入一些用户并不需要的广告，导致现在音乐app占用手机大量内存。

2. 研究的基本内容与方案

微信小程序开发框架基于mina框架，是一种网络通信应用框架，能满足更多用户的需求也为开发者提供了很大的便利。典型的微信小程序的框架包括三部分：app.json、app.js、app.wxss。本次设计的音乐app是基于腾讯提供的的微信开发者工具来完成小程序创建和代码编辑来实现音乐搜索、管理、播放等功能。

基于微信小程序的音乐app的工作原理：用户点击打开微信小程序，微信app从微信服务器下载这个小程序。首先分析app.json得到应用程序的配置信息（如导航栏、窗口样式、包含的页面列表等），然后加载运行app.js,并显示在app.json里配置的第一个页面。根据本次设计，用户可以在页面上实现音乐的播放，搜索和管理。

本毕业设计将基于微信web开发者工具开发环境，利用javascript、html、css以及小程序提供的相关的api进行音乐app开发过程。app.js是小程序的脚本代，在这个文件中监听并处理小程序的生命周期函数、声明全局变量以及调用框架提供的丰富的 api来从代码上完成音乐的播放功能。利用data中的一个自定义变量来获取音乐放的情况，再决定音乐的播放和暂停。 app.json 是对整个小程序的全局配置。本次将在在这个文件中配置音乐小程序是由主页，歌曲细节，歌手列表，歌曲分类等页面组成，配置音乐小程序的窗口背景色为红色，配置导航条上面有推荐，歌手，排行，歌单，电台，mv等选项，配置默认标题为“听我爱听”。app.wxss 是整个小程序的公共样式表。我们可以在页面组件的 class 属性上直接使用app.wxss 中声明的样式规则。在开发工具中，还有pages和utils两个文件夹,其中utils里存放通用工具类方法，pages里存放所有页面，包括homepage，mvdetail，singerlist，songsort等。

3. 研究计划与安排

第1－3周：查阅相关文献资料，明确研究内容，了解研究所需理论基础。确定方案，完成开题报告。

第4－5周：熟悉掌握基本理论，完成英文资料的翻译，熟悉开发环境。

第6－9周：学习javascript、html及css，并完成音乐页面的设计

4. 参考文献（12篇以上）

[1] （美）达科特.html5与 css设计构建网站 [j].北京：清华大学出版社, 2013.2

[2] 顾文佳. ui设计中用户交互体验的视觉思维[d]. 中国美术学院, 2012.

[3]郑娅峰，张永强. 网页设计与开发：html、css、javascript实列教程[j].北京：清华大学出版社, 2011.9.