近几年来，互联网发展十分迅速，以至于音乐的传播速度也变得越来越快，传播的地域越来越广，作为音乐传播的媒介的音乐APP也是层出不穷。但目前市面上的音乐APP大多需要在相应的操作系统上运行，这导致了其无法被用户跨平台使用，且用户使用前需下载安装，使用时需反复更新等问题的出现。针对这些问题，本文设计了一个基于Vue.js框架的音乐Web App，其后端使用JavaScript语言在node.js环境下进行开发，在阿里云Ecs服务器上运行，采用爬虫技术对所需资源进行实时的数据抓取。此Web App具有与同类App相同的推荐、专辑展示、歌手详情、播放器、歌单、排行榜、榜单列表、搜索、歌曲列表功能，并且它可以在Android、iOS、Symbian、Windows Phone等多个平台上直接使用。
目录
摘要 1
关键词 1
Abstract 1
Key words 1
1 绪论 2
1.1 选题背景意义 2
1.2 国内外研究概况 2
1.2.1 关于Web App 2
1.2.2 关于Vue.js 2
1.3 研究目的和内容 3
1.3.1 研究目的 3
1.3.2 研究内容 3
1.4 技术路线 3
2 开发平台及应用技术 5
2.1 JavaScript语言 5
2.2 Vue.js+MVVM框架 5
2.3 后端开发技术 6
2.3.1 Node.js环境 6
2.3.2 爬虫技术 6
2.4 连接前端与后端的ajax接口 6
3 系统的需求分析与总体设计 6
3.1 系统功能业务分析 6
3.2 核心模块的需求分析 7
3.2.1 个性推荐模块需求分析及业务流程图 7
3.2.2 搜索模块需求分析及业务流程图 8
3.2.3 播放器模块需求分析及活动图 9
3.2.4 歌单模块需求分析及活动图 10
3.3 系统整体架构设计 11
4 系统实现 11 *景先生毕设|www.jxszl.com +Q: @351916072@ 

4.1 前端实现 11
4.1.1 基本结构实现 11
4.1.2 双向数据绑定实现 12
4.1.3 处理用户输入 13
4.1.4 播放器模块功能实现 14
4.1.5 搜索模块功能实现 15
4.1.6 歌单模块功能实现 17
4.2 后端实现 18
4.2.1 Node事件流及资源接口抓捕的实现 19
4.2.2 推荐算法的实现 19
5 系统测试 21
5.1 系统环境配置 21
5.2 系统测试 21
5.3 测试结果 22
5.4 系统测试的结果 22
6 总结与展望 22
6.1 总结 22
6.2 展望 23
致谢 23
参考文献： 23
基于Vue.js的音乐Web App
引言
对于人们来说音乐的魅力是无穷的，不同的我们，可以在音乐中寻求彼此之间的共通点，音乐也可以安抚我们忧郁苦闷的负面情绪，在某种程度上治疗我们心灵的创伤。音乐如此重要，以至于人们希望可以在任何时间任何地点都能够欣赏到音乐，由此，音乐APP也便应运而生。
1 绪论
1.1选题背景意义
近年来，移动端音乐播放技术正飞速地发展，大量以音乐为主题的App如雨后春笋般一个个出现。他们品类繁多，且对用户群体的定位也不尽相同。但据最新的调查显示,如今较大型的音乐App的市场前景，并不乐观[1]。而操作简单明了，对播放音乐没有具体权限设定的在线音乐App逐渐开始在年轻人群体中获得青睐。
Web App相比于Android、iOS、Symbian、Windows Phone等多个平台上的APP的优势在于，它能够轻易跨平台且开发高效率低成本、用户也无需安装和反复更新[2]，这极大的方便了它的开发者和使用者。
1.2国内外研究概况
中国在线音乐产业起步晚且发展缓慢，近几年才稍有起色。如今，中国的在线音乐用户数已经达到数亿，国内出现了的许多优秀的音乐App，如QQ音乐、网易云音乐等等。中国在线音乐市场即将进入一个成熟阶段，音乐App提供的音乐服务也越来越多样化和人性化，潜藏着巨大的发展空间[3]。
与国内相比，国外音乐市场发展模式多样化，国外也有许多运营模式非常成熟的音乐APP。如所属于在国际享誉盛名的欧洲媒体交互公司CNET的网站MP3.com，还有Last.fm、eMusic、allmusic、Playlist.com等举世闻名的存储音乐资源的信息库。此外，虽然我们的邻邦日本、韩国的人口数量无法与中国相比，但它们都属于世界级的文化输出大国。他们的文化产业链极其完整，尤其近年来kpop音乐的出现，使得韩国流行音乐在国际上掀起了一股巨大的热潮，其发展势不可挡。早在2005年，来自于日本韩国的idol文化就已登陆了中国，以super junior为首的男子偶像组合首先使用舞曲的音乐风格打开了中国的市场，由此使得韩国的各类电视剧、综艺逐渐进入中国观众的视野，这一过程中音乐及音乐的传播功不可没。
1.2.1 关于Web App
基于Web技术的移动应用统称为Web App，这类程序通常需要在Web浏览器上运行。它可以概括为在互联网或内联网中运用Web以及Web浏览器技术，完成单个或多个要求的应用程序。
近年来出现了许多较为经典的Web App。互联网巨头Facebook、Google等也都开始使用此类Web App，例如Google刷新页面时的霸王龙跳跃小游戏等等，给用户的使用提供了便利和乐趣。使用者若想获得产品相关的推送服务只需在Gmail上登录即可。
Web App的发展，会随着市场对持续发展的HTML技术的逐渐接受、云计算的加速以及5G网的问世，而不断推进。在国内信息检索及浏览器行业占有重要地位的百度公司目前已经在自己的平台上大力发展各类Web App，其他浏览器企业如腾讯，UC等也开始逐渐意识到此类应用在未来移动应用中的重要地位。稳定开放的市场大环境将会给Web App开发者一个可以大展拳脚的机会[4]。

原文链接：http://www.jxszl.com/jsj/wljs/57731.html