微信小程序的音乐播放器

论文总字数：23623字

摘 要

当今社会，随着经济技术的发展以及“互联网 ”经济的兴起，互联网被越来越多的人和产业所应用，从以前的打出租车到现在的滴滴等网约车，从以前的打电话预定到现在的各种外卖。互联网信息技术的发展，推动着经济形态不断发生改变，从而带动社会经济的发展，互联网经济是基于互联网所产生的经济活动的总和，在当今发展阶段主要包括电子商务、互联网金融（ITFIN）、即时通讯、搜索引擎和网络游戏五大类型。互联网经济是信息网络化时代产生的一种崭新的经济现象。

微信小程序可以说是新时代的产物，基于微信在社交软件中的统治地位，微信小程序是一个依附于微信而生存的简单级应用。它速度快占用内存小，更重要的是它无需安装即可使用，即用即走，这些优势让用户更容易接受与使用。其次，对于开发者来说，微信小程序的开发成本低、维护简便、安全稳定、保密性强也让其成为个人以及中小企业开发的不二之选。

该音乐播放器小程序主要使用了jsonp数据交互协议对网页中的数据进行抓取，保证了数据的动态获取，该程序重点设计了播放器页面、搜索页面、歌单页面、歌手页面，并实现相互之间的多页面跳转。

关键字：微信小程序；音乐播放器；jsonp

Abstract

In today"s society, with the development of economic technology and the rise of the "Internet " economy, the Internet has been used by more and more people and industries, from the previous taxis to the current drip, etc. Call to book a variety of takeaways. The development of Internet information technology has promoted the continuous change of economic form, which has led to the development of social economy. The Internet economy is based on the sum of economic activities generated by the Internet. In the current stage of development, it mainly includes e-commerce, Internet finance (ITFIN), and instant There are five major types of communications, search engines and online games. The Internet economy is a brand-new economic phenomenon arising from the era of information networking.

WeChat applet can be said to be a product of the new era. Based on WeChat"s dominance in social software, WeChat applet is a lightweight application that adheres to WeChat"s survival. It can be used without installation, and it can be used immediately. The advantages of taking up less memory and making it easier for users to accept and use. Secondly, for developers, the low development cost, simple maintenance, security, stability and confidentiality of WeChat applet make it the best choice for individuals and SMEs.

The music player applet mainly uses the jsonp data interaction protocol to crawl the data in the webpage to ensure the dynamic acquisition of the data. The program focuses on the design of the player page, the search page, the song list page, the singer page, and realizes Multiple page jumps between each other.

关键字：WeChat applet；music player；jsonp

目录

第 1 章 引言........................................................................................................................1

1.1 研究背景和意义.........................................................................................................1

1.2 国内研究现状.............................................................................................................1

1.3 研究内容.....................................................................................................................2

1.4 本章小结.....................................................................................................................2

第 2 章 系统相关技术综述................................................................................................3

2.1 微信小程序介绍.........................................................................................................3

2.1.1 微信小程序背景..................................................................................................3

2.1.2 微信小程序技术发展史......................................................................................3

2.1.3 微信小程序与传统网页开发的区别..................................................................5

2.2 框架和技术介绍........................................................................................................ 5

2.2.1 逻辑层简介..........................................................................................................5

2.2.2 视图层介绍..........................................................................................................5

2.2.3 小程序丰富的组件及 API 介绍.......................................................................6

2.3 微信小程序开发流程.................................................................................................6

2.4 微信小程序的代码构成.............................................................................................6

2.4.1 Json配置...............................................................................................................7

2.4.2 WXML模板和WXSS样式................................................................................7

2.4.3 JS逻辑交互..........................................................................................................7

2.5 jsonp技术介绍............................................................................................................8

2.6本章小结......................................................................................................................8

第 3 章 需求分析及系统总体设计....................................................................................9

3.1 需求分析.....................................................................................................................9

3.1.1 可行性分析..........................................................................................................9

3.1.2 用户需求分析......................................................................................................9

3.1.3 功能需求分析......................................................................................................9

3.2 系统总体设计...........................................................................................................10

3.3 本章小结...................................................................................................................11

第 4 章 系统详细设计与实现 ........................................................................................12

4.1 系统功能组件详细设计与实现 .............................................................................12

4.1.1 slider组件...........................................................................................................12

4.1.2 music-list和song-list组件................................................................................12

4.1.3 list-view组件......................................................................................................13

4.2音乐播放器页面详细设计与实现............................................................................14

4.2.1 小程序系统页面实现........................................................................................14

4.2.2 首页页面实现....................................................................................................15

4.2.3 搜索页面实现....................................................................................................18

4.2.4 歌手页面实现....................................................................................................21

4.2.5 播放页面实现....................................................................................................24

4.3 本章小结 .................................................................................................................26

第 5 章 音乐播放器系统测试 ........................................................................................27

5.1 测试目的...................................................................................................................27

5.2 测试环境介绍...........................................................................................................27

5.3 测试过程与结果.......................................................................................................27

5.4 本章小结...................................................................................................................28

第 6 章 总结与展望..........................................................................................................29

剩余内容已隐藏，请支付后下载全文，论文总字数：23623字