摘 要
微信现在已经不只是一个社交应用，更是一个内容分发平台，一个生态系统的入口，是目前中国乃至世界上唯一的"超级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
ABSTRACT 1
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 javascript 12
2.2.2 WXML的介绍 13
2.2.3 WXSS 14
2.3 http 15
2.3.1 http的定义 15
2.3.2 http应用 15
2.4 node 16
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
