摘 要
微信现在已经不只是一个社交应用，更是一个内容分发平台，一个生态系统的入口，是目前中国乃至世界上唯一的"超级APP"，2016年微信正式开放了微信小程序，更给各种应用提供了新的内容分发入口。自从微信小程序发布以来,依托于强大的生态后盾和极大的传播速度，场份额稳步提升，更多的应用开发者选择使用微信小程序而不是原生应用来发布自己的应用。在现有的微信小程序中，最多的仍然是商城类和游戏类的应用，在多媒体娱乐如视频和音乐上份额稍有不足，因此使用微信小程序开发技术来开发一款音乐播放器是非常有意义的。
本文设计并实现了基于微信小程序的模仿酷狗音乐的系统。本设计结合vscode和微信小程序开发工具编写了多功能音乐播放器，开发主要包括：逻辑代码和界面设计两个方面。通过对现有的较流行的音乐网站进行了调查与分析，在明确用户对音乐需求的基础上，确定了音乐播放器的功能有微信授权登录、曲目分类、专辑查看、歌词显示、歌曲包括搜索、在线播放功能及播放操作等
本论文说明了多媒体娱乐系统在微信小程序应用中的发展情况，前景及意义；介绍了系统所需要使用的主要工具；系统的主要功能的分析与实现。
关键词：微信小程序；音乐播放器；vscode；系统设计
ABSTRACT
Wechat is not only a social application, but also a content distribution platform and an entrance to the ecosystem. It is the only "super app" in China and even in the world. In6, wechat officially opened wechat applets, providing new content distribution portals for various applications. Since the release of wechat apps, relying on the strong ecological support and great propagation speed, the market share has steadily increased. More application developers choose to use wechat apps instead of native apps to publish their own applications. In the existing wechat applets, the most common ones are still mall and game applications, which have a small share in multimedia entertainment such as video and music. Therefore, it is very meaningful to develop a music player by using wechat applets development technology.
This paper designs and implements a system based on wechat small program to imitate cool dog music. This design combines vscode and wechat small program development tools to write a multi-functional music player. The development mainly includes two aspects: logic code and interface design. Based on the investigation and analysis of the existing popular music websites, and on the basis of clarifying the user's demand for music, it is determined that the functions of music player include wechat authorized login, track classification, album view, lyrics display, songs including search, online play function and play operation, etc
This paper describes the development, prospect and significance of multimedia entertainment system in the application of wechat small programs, introduces the main tools needed by the system, and analyzes and realizes the main functions of the system.
KEYWORDS:wechat applet; music player; vscode; system design
目录
摘 要i
ABSTRACT1
1 绪论6
1.1 选题背景及意义7
1.2 国内外发展状况7
1.3 设计内容以及技术方案8
1.4 本文的组织结构8
2 相关技术介绍10
2.1 微信小程序相关技术开发介绍10
本小结将介绍本设计用到的微信平台相关开发技术。10
2.1.1 微信小程序的介绍10
2.1.2 微信小程序基本功能及介绍11
2.1.3 微信小程序优势11
2.2 微信小程序开发所用技术12
2.2.1 javascript12
2.2.2 WXML的介绍13
2.2.3 WXSS14
2.3 http15
2.3.1 http的定义15
2.3.2 http应用15
2.4 node16
2.5 API接口16
2.6 本章小结18
3 系统分析19
3.1 微信登录模块19
3.2 播放器控制模块功能分析20
3.3 歌曲列表模块功能分析22
3.4 界面模块和换界面皮肤模块功能分析23
3.5 本章小结24
4 系统设计25
4.1 总体设计25
4.2 详细设计25
4.2.1 登录模块功能模块程序设计26
4.2.2 播放器控制模块模块程序设计27
4.2.3 歌曲列表模块模块程序设计27
4.2.4 界面模块模块程序设计28
总结28
