在线音乐网站的设计与实现摘要随着全球移动互联网的发展，越来越多的上网设备被人们所使用，这带来了软件跨平台的困难，Web网站作为运行的软件，通过它诸多新特性实现了跨平台的运行使得开发成本大大降低，而web音乐网站正是实现多平台下的数据共享以及使用，使得用户能更加随心所欲地获取自己的音乐信息。本次设计是基于Vue的在线音乐网站。本次设计采用了Vue以及Node.js作为开发环境。在设计中使用了前后端分离的开发模式，使用了MVVM架构的Vue实现前端的数据绑定以及展示，在网络交互的方面上充分使用Ajax的技术来实现与后端Node服务端交互，而本地数据库采用了MongoDB非关系数据库，在最终完成的作品中实现流行的Token认证登录，以及歌单的收藏和获取，高性能的网站响应，以及歌曲播放历史，歌曲播放，歌曲排行榜，新歌专辑推荐，歌手信息获取，和用户管理的前后端分离的Web系统。本次设计的Web在音乐网站虽然功能并不太完善，但是使用到的诸多技术包括Web网络编程，数据库编程，以及前端架构使用和前后端分离的开发思想是具有一定的实用价值的。关键词：Web；音乐网站；前后端分离；数据库编程；Vue框架；1DesignandimplementationofnewsappsystembasedoniOSAbstractWiththedevelopmentoftheglobalmobileInternet，moreandmoreInternetdevicesareusedbypeople，whichbringsthedifficultyofcross-platformsoftware，websiteastherunningsoftware，throughitsmanynewfeaturestoachievecross-platformoperationmakesthedevelopmentcostgreatlyreduced，andwebmusicwebsiteistoachievemulti-platformdatasharinganduse，sothatuserscangettheirmusicinformationmorefreely.ThisdesignusesVueandNode.jsasthedevelopmentenvironment.Inthedesign，thefront-enddevelopmentmodeisseparatedfromtheback-end，usingtheMVVMarchitectureofVuetorealizethefront-enddatabindinganddisplay，andusingAjaxtechnologytofullyinteractwiththeback-endNodeserver，whilethelocaldatabaseusesMongoDBnon-relationaldatabasetorealizethepopularTokenauthenticationlogin，songlistcollectionandacquisition，highperformancewebsiteresponse，andsongplaybackhistory，songplayback，songcharts，newalbumrecommendation，singerinformationacquisition，andusermanagementofthefront-endseparatedWebsystem.ThedesignoftheWebinthemusicwebsiteisnotperfect，butthedesignusesmanytechnologiesincludingWebprogramming，databaseprogramming，andfront-endarchitectureuseandfront-endseparationofthedevelopmentideaisofsomepracticalvalue.Keywords:Web;musicwebsite;Networkprogramming;Databaseprogramming;Vue2目录1绪论...............................................................................61.1WEB系统概述.................................................................61.2在线音乐网站的特点及研究意义................................................62总体设计...........................................................................72.1系统功能要求.................................................................72.2方案论证.....................................................................72.2.1首页模块.................................................................72.2.2详细信息模块.............................................................72.2.3播放模块.................................................................82.2.4用户模块.................................................................82.3系统框图.....................................................................93软件开发环境及开发技术介绍........................................................103.1软件开发环境................................................................103.1.1VSCODE简介.......................
