在线听音乐网站的设计与实现_kaic.docx
在线听音乐网站的设计与实现目录摘要AbstractI1绪论11.1 题目背景、目的11.2 系统重点12系统相关技术22.1 系统开发的技术要求22.2 系统相关技术、平台和数据的选择22.3 系统开发框架和工具库的介绍22.3.1 JavaScript22.3.2 SSM22.3.3 Vuejs32.3.4 Tomcat32.3.5 MySQL32.4 前后端分离开发模式33系统需求分析43.1 系统开发目的43.2 性能需求43.2.1 系统响应时间要求43.2.2 系统可靠性要求43.2.3 系统易用性要求43.2.4 存储容量要求43.3 可行性分析43.3.1 经济可行性43.3.2 技术可行性43.3.3 操作可行性53.4 系统功能分析53.4.1 在线音乐网站系统的目标53.4.2 功能块划分53.4.3 面向用户的主要功能53.4.4 面向管理员的主要功能53.5 操作流程图63.5.1 用户操作流程图63.5.2 管理员操作流程图63.6 需要满足的目标74系统概要设计84.1 系统功能模块划分84.1.2 管理员操作功能模块84.1.3 系统功能结构图94.2 数据库的设计94.2.2 设计分析94.2.3 流程分析94.2.4 E-R模型104.2.5 各个实体的E-R模型105系统详细设计145.1 数据库表结构145.1.1 用户信息表145.1.2 管理员信息表145.1.3 用户评论表145.1.4 评分记录表155.1.5 收藏表155.1.6 歌曲表155.1.7 歌曲列表165.1.8 歌单表165.1.9 歌手表165.2 管理员端设计175.2.1 开发思路175.2.2 项目结构175.2.3 用例图185.3 模块设计185.3.1 管理员登录185.3.2 系统首页185.3.3 用户管理195.3.4 歌手管理195.3.5 歌单管理195.3.6 信息统计195.4 用户端设计195.4.1 创建项目195.4.2 项目结构错误!未定义书签。6系统实现206.1 用户登录界面206.2 用户注册界面206.3 用户浏览首页信息界面216.4 用户浏览歌单界面216.5 用户浏览歌手界面226.6 用户浏览我的音乐界面226.7 管理员登录界面237测试与分析247.1 测试目的247.2 测试方法247.3 测试环境247.4 功能测试模块247.4.1 用户登陆功能测试247.4.2 管理员登陆功能测试247.4.3 用户浏览/搜索歌曲的功能测试257.4.4 用户收藏歌曲的功能测试257.4.5 用户浏览/搜索歌手的功能测试257.4.6 用户浏览/评论歌曲的功能测试257.4.7 用户下载歌曲的功能测试267.4.8 管理员对用户的管理功能测试267.4.9 管理员对歌曲的管理功能测试267.4.10 管理员对歌手的管理功能测试27结论28参考文献29致谢30基于SSM的在线音乐网站的设计与实现摘要现在随着信息科技与物联网技术的发展，居民小区的智能化与信息化也得到了促进，这是时代发展的必然趋势。而疫情的突然来袭对小区信息管理提出更高要求。本文根据景河小区日常管理工作的需求和小区疫情防控系统的管理流程，结合科学管理的理论，设计实现了一个基于JAVAWeb的景河小区疫情防控系统。不仅可以有效的进行疫情防控同时也是提高小区管理水平的重要技术手段。随着互联网的发展，人们越来越开始享受网上学习带来的各种辅助产品，例如在线音乐网站系统，在线音乐网站系统给喜欢听音乐的网络系统用户可以提供很大的便利，也增加了他们的选择一个音乐的空间。它给人们的日常生活带来了很多乐趣，让他们在漫长的一天工作后放松,可以享受自己的独自时光。本文的在线音乐网站系统分为三大模块：前端显示模块、管理员显示模块和后端模块。前台模块主要负责音乐播放、用户登录注册、歌单、歌曲评论等。管理员模块主要负责对用户，歌曲,榜单等信息进行管理。该在线音乐网站在WindoWS操作管理系统工作环境下，使用java语言，以JDK+Mavcn作为系统开发平台，以SSM作为管理架构，并且利用MySqI数据存储和前端VUe渐进式框架技术开发的。该网站的特点是用户体验良好，界面美观、直接、易于使用。关键词：前后端分离；SSM；Spring；Vue.jsAbstractDesignandImplementationofOnlineMusicWebsiteBasedonSSMAbstractWiththedevelopmentoftheInternet,peoplebegintoenjoyallkindsofauxiliaryproductsbroughtbyonlinelearningmoreandmore,suchasonlinemusicwebsitesystem,whichprovidesgreatconveniencefortheuserswholikelisteningtomusicandincreasestheirspacetochooseamusic.Itbringsalotoffuntopeople'sdailylife,allowingthemtorelaxafteralongdayatworkandenjoytheirowntimealone.Thisonlinemusicwebsitesystemisdividedintothreemodules:front-enddisplaymodule,administratordisplaymoduleandback-endmodule.FrontDeskmoduleismainlyresponsibleformusicplaying,userloginregistration,songlist,songreviews.Administratormoduleismainlyresponsibleforusers,songs,listsandotherinformationmanagement.TheonlinemusicwebsiteusesJavalanguage,JDKMavenasthesystemdevelopmentplatform,SSMasthemanagementframework.ItusesMysqldatastorageandfront-endVueprogressiveframeworktechnology.Thesystemfeaturesgooduserexperienceandbeautifulinterface.Userscanregisteronthesiteandratetheirmusictofindtheirfavoritemusic.Themaininterfaceandgradinginterfacearebeautiful,directandeasytouse.Keywords:front-endandback-endseparation,SSM,Spring,Vue.jsKeywords:front-endandback-endseparation；SSM；Spring；Vuejs1绪论1.1 题目背景、目的现在跟随着互联网的发展，互联网已经进入了很多领域，人们的生活和娱乐方式越来越多花样，但是音乐始终占据着我们的生活。在这个时代中，音乐也在发生着巨大变化，音乐的种类越来越多，用户不再喜欢单调的音乐，而是在寻找各种各样有特色的音乐。传统的页面展示再也满足不了用户的需求，在线音乐网站的设计和实施已经改变了这种情况。在线音乐网站系统是一个数字音乐交互网站，用户可以通过它方便地杳找音乐并试听音乐,将自己热爱地歌曲放入收藏夹中，可以对它进行评论等。现在的口常生活中，大多数人们都是对着电脑工作，工作了一段时间后必定会有疲惫的感觉，当这时候打开一个音乐网站听到自己喜欢的歌曲，可以充分感觉放松，边工作边音乐可以让我们的日常无聊的时候中多了一份乐趣，而网络上也有很多的在线音乐网站系统，但大多数的在线音乐网站系统是收费的，但我设计的在线音乐网站系统，完全免费，并在小范围内使用，可以通过最大的满足局部用户的需求，让忙碌和疲劳的人们在空闲的时间里享受着自己的生活。1.2 系统重点该系统是一个前端和后端两个独立的在线音乐网站，并以用户为导向，因此着重于前后端两个方面的分离，以及用户的体验。后端有后台管理系统，便于管理员进行数据采集和管理，前端为用户，负责与用户进行互动，获取用户的操作、显示和数据，注重用户体验。2系统相关技术1.1.1 开发的技术要求根据在线音乐网站的需求，选用适当的技术是发展的关键。该系统旨在建立一个在线音乐网站，让用户能够在网上尽情地欣赏、享受、放松。作为一家在线音乐网站，用户体验才是最重要的，所以最佳的发展方式应该是将前、后端分离，让前、后两个页面都不相同，从而更加注重用户体验。1.1.2 相关技术、平台和数据的选择本系统的选择如表2.1所示。表2.1系统选择表项目选择开发平台Window10开发工具IntelliJIDEA2020.1x64和VisualStudioCode开发语言HTML,CSS>JavaScript,VUE.js,nodc.js开发框架SSM,Vuejs2.x,maven开发模式前后端分离浏览器Chrome数据库MySQL音乐文件在线下载歌词和图片文件QQ音乐APP下载2.3系统开发框架和工具库的介绍2.3.1JavaScriptJavaScript是一种在Web程序开发设计中应用十分广泛的脚本语言网。JavaScript（Java脚本）是一种基于对象（ObjeCt）和事件驱动（EVentDriVen）并具有安全性能的脚本语言使用JaVaSCriPt可以轻松的实现与HTML的交互操作，并且完成丰富的页面交互效果，它是通过嵌入或调入在标准的HTML语言中实现的。基于对象：指的是程序的内部已经为用户提供好了若干个对象，用户直接使用这些对象即可口，叫1.1.3 SSMSSM+VUE即SSM框架+VUE框架结合的形式,SSM即由SPring,SpringMVC,Mybatis集成的框架，其中SPring用来管理业务逻辑层，SPringMVC用来做控制层，MybatiS做dao层7。标准SSM架构分为四个层次：（1）持久层：Dao层（mapper）,主要负责数据持久层的工作，以及与数据库通讯有关的某些工作。（2）服务层：服务层它的主要功能是设计用于商业模块的逻辑。（3）控制层：它的主要功能是对某一业务模块的流程进行控制。（4）VieW层的主要作用是与控制层紧密结合，它的主要作用是对网页进行展示。通过SPring实现了业务对象的管理，通过请求转发和视图视图管理SpringMVC的执行，mybatis作为一个持久的数据对象引擎。1.1.4 VuejsVueJs是一个轻量级，高性能，可组件化的MVVM库，它的APl很容易使用；Vuejs是MVVM中最流行的一种。VUE.js是一套构建用户界面的渐进式框架。该公司拥有一个2
