ABSTRACT The music player applet designed and implemented in this design allows users to log in to wechat, and then directly open the applet through a simple pull-down operation on the wechat home page to enjoy the music audio-visual feast. Relying on wechat itself, data can be cached, so that users can continue playing after the first time listening to songs without consuming traffic resources for many times. Based on the development of wechat applet, this paper uses the unique construction of wechat applet to realize the design and function development of music playing program. In terms of technology, JS is mainly used to implement business logic, while wxml and wxss are used to implement the presentation layer. The program mainly includes the following functions: the first page song single display, song search function, song list list function, song play, single cycle setting, random play setting, pull-down refresh and music change, user login, song switching function, pause / replay function, song duration progress bar display function, which can basically meet the user's demand for listening to songs. Key words: Internet applications, Wechat applet ,Music playing 目录 Design and implementation Of music playing based on wechat applet 摘要1 ABSTRACT. .1 1 ·绪论·3 1. 1选题背景CO 1. 2课题研宄目的及意义4 1. 3论文主要研宄内容4 1. 4论文的结构5 2．系统开发技术方案研究6 2 1平台与框架6 2．1.1微信开发者工具6 2，1.2 Taro框架“7 2 2开发技术8 2．2 · 1 WXML技术“8 WXSS与CSS技术“8 Ajax技术，8 2，2 ·4 JavaScript．8 225数据库概述．．9 2．2 · 6 Node.js概述，9 3 ·系统分析0 3 · 1系统可行性分析0 3．1.1技术可行性．．0 3．1.2经济可行性．．0 3．1.3操作可行性．．0 3．2系统开发环境．0 321软件环境．．0 3．2 ·2硬件环境．．0 3．3系统需求分析．1 3 · 3 · 1功能需求分析“1 4· 系统模块详细设计 4，1系统总体功能框架设计13 4 2系统功能模块设计13 421用户登录模块设计“ ，13 422系统首页模块设计“．．14 423歌曲搜索功能设计“．．14 424音乐播放模块设计，， ，15 425播放模式切换模块设计“．．15 4，3本章小结， 5· 系统实现 5，1用户登录模块实现， 16 5，2首页模块实现效果 5，3歌曲列表展示实现效果 5，4音乐播放模块实现效果， 19 5．5播放模式模块切换实现效果， 20 6· 数据库设计· 7· 系统测试· ．22 3．3 ·2性能需求分析“ ，