基于vue框架技术音乐平台的设计与实现.docx

基于vue框架技术音乐平台的设计与实现摘要Internet使全球走向信息化走向数字化时代为全球的用户提供了数字便利和数据传输便利的操作平台大大缩短了人与人之间信息传递和信息交换以及信息资源交换的时间.音乐软件APP几乎人人都有但在这个音乐软件百花齐放百家争鸣的时代我们听不同歌手的歌需要不同的软件于是我开发了这个基于vue.js的在线音乐平台.本平台的构建技术是以vue.js为基底后台数据库支撑用的是MongoDB分布式文档存储数据库.该数据库的特点是高性能易部署易使用.此网站严格按照软件工程中的指导方法来进行构建以及测试.赋予了音乐网站管理用户信息注册登陆用户播放MV音乐搜索等功能.关键词：音乐vue.js登录注册音乐搜索第一章绪论1.1课题的研究背景及意义目前随着中国的进步和开放型经济的到来在这个计算机技术和互联网飞速发展的时代人们的日常生活也发生巨大的改变人们的生活水平提高消费水平也提高但压力也是随之而来的提高所以人们经常听歌解压这也正是我研究这个音乐平台的主要原因由于盈利和版权问题还有资源的互利现有几大音乐巨头公司例如QQ音乐网易云音乐酷狗音乐酷我音乐盒等不同的平台有着不同的资源导致我们现在听歌需要下载到很多听歌软件而且不同软件又有不同的功能所以这次选题的意义就是实现一个音乐网站基于现在年轻人喜欢的多样性的集合各软件优点的音乐网站.让人们在工作中为生活带来无尽的欢乐和放松生活的闲暇之余带来音乐的快乐.1.2国内外研究现状1.2.1国内研究现状从目前来看随着互联网技术和人们生活水平的提高当人们的温饱不再是生活中的大部分压力的时候人们开始追求更高质量的生活有的人把精力放在培养自己的身体上例如健身养身运动.有的人则是追求精神上的更高领域例如知识眼界音乐等等作为当代大学生的我来说我在课余时间还有闲暇之余十分喜欢听歌所以这也是我研究音乐在线网站的一个重要原因之一.还有一个重要的原因就是国内听歌软件由于几大音乐软件巨头占据了绝对的优势和垄断地位使得喜欢听音乐的人需要下载很多听歌软件国内的听歌软件由网易于音乐QQ音乐酷狗音乐等几大巨头占据近年来音乐版权成本增长明显三大唱片公司（环球音乐华纳音乐索尼音乐）打包版权.[1]就比如我来我想听周杰伦的歌我就要去QQ音乐听取.如果我想看更多有趣和真实的评论我就需要下载网易云音乐所以对一个喜欢听音乐的人来说他需要下载好几个音乐软件且产品同质化的现象较为严重一家公司推出一个功能另一家公司也立即跟风推出且风格极为类似.1.2.2国外研究现状国外的听歌软件主要是两个一个是iTunes音乐商城和SpotifyiTunes是一种网络音乐销售商点界面整合在iTunes播放软件中使得透过网络购买版权音乐档案的机制变得更便利iTunes音乐商城最大的特点即是与硬件设备捆绑这也离不开苹果iPod终端本身在设计和产品理念上的出众.[1]Spotify则是使用会员收费制和用户创造内容模式随着整个Spotify生态的不断发展壮大它能够吸引更多用户来创造更多内容并形成良性循环.[1]1.3主要内容及安排本文遵循软件工程方法论进行系统分析、总体设计、详细设计和软件测试实现了在线音乐网站的登录注册网站首页歌曲推荐歌单热门榜单新歌首发热门电台歌手列表歌曲排行榜歌词音乐搜索MV播放等功能.章节内容安排如下：第一章：分析国内外关于在线音乐网站和听歌软件及听歌APP研究现状.第二章：对本文所采用的搭建工具、技术、环境以及数据库进行介绍.第三章：进行在线音乐网站的需求分析包括可行性分析、功能结构分析.第四章：系统开发环境搭建数据库中表设计以及系统前后台运行流程描述.第五章：进行系统实现与展示.第六章：系统测试.第二章关键技术介绍2.1Vue.js介绍2.1.1Vue.js的概述和特点Vue.js的特点：（1）灵活开放：可以把Vue.js当做JavaScript也可以用它的工具来搭建系统是可以灵活选择的所以说Vue.js是灵活开放的.（2）易学易用：我认为Vue.js的核心易学点是注重关注视图层用户只需使用简单的API将数据绑定即可在有HTMLCSSJavaScript的基础上快速上手.[2]（3）性能好易优化：20kbmin+gzip运行大小、超快虚拟DOM、最省心的优化.[2]（4）有多种方式实现过渡效果：在过渡CSS和动画应用class第三方动画库如Animate.cssVelocity.js.2.2AXIOS介绍2.2.1AXIOS的概述和特点AXIOS是一个基于promise的HTTP库可以应用在浏览器和node.js.