音乐微信小程序设计与开发.docx

摘要：本次毕业设计的主要目标是完成音乐微信小程序的设计与开发，小程序包含以下几个主要功能：歌曲排行榜展示、歌曲歌手搜索功能、歌曲播放功能、网易云音乐浏览功能。用户可以通过登录微信，在微信内使用该小程序。

在app.json中对小程序进行全局配置，用wxml和wxss一起来控制界面的呈现方式。通过编写JS脚本文件来与用户做交互处理并且用户的操作。

本文记录了微信小程序设计与开发的整个流程，对开发过程中遇到的问题进行分析并提供相应的解决方案。

关键词：音乐播放器 微信小程序 API web-view

目录

摘要

Abstract

第1章 绪论-3

1.1项目开发背景-3

1.2项目开发的现实意义-3

1.3本项目预达到的目标-3

第2章 项目系统开发技术简介-4

2.1 微信小程序简介-4

2.2 HTML5简介-5

2.3 CSS3简介-6

2.4 javascript简介-6

2.5 Json简介-6

第3章 总体设计-7

3.1 项目概述-7

3.1.1 项目名称-7

3.1.2 项目目标-7

3.1.3 系统范围和系统边界-7

3.1.4 小程序结构图-7

3.2界面设计-8

3.2.1推荐界面设计-8

3.2.2排行榜界面-9

3.2.3 搜索界面-10

3.2.4播放界面-11

3.2.5网易云音乐界面-11

3.3系统运行环境分析-12

第4章 详细设计-13

4.1全局配置-13

4.2排行榜功能实现-13

4.3搜索功能实现-14

4.4播放功能实现-17

4.5网易云音乐界面浏览功能实现-18

第5章  测试-20

5.1 测试目的-20

5.2测试方法-20

5.3测试结果-20

第6章 问题与解决-21

第7章 总结-22

参考文献-23

致谢--24