音乐网站的设计与实习毕业设计论文

本科毕业论文（设计）中文题目漩涡音乐网站的设计与实现英文题目DesignandImplementationofVortexMusicWebsite选题编号xgx230809012080系（部）专业学生姓名学号指导教师完成时间本科毕业论文（设计）[6]。图4.5注册模块部分代码用户注册界面如图4.6所示。图4.6用户注册界面图4.2.4评论模块用户想发布自己对歌曲的看法时，可以在歌曲部分下进行评论。不仅可以对歌曲进行点评还可以进行打分，对喜欢的歌手也可以进行评论。在逻辑层实现评论的逻辑添加，管理员管理系统的所有评论讯息，能对用户的评价进行删除处理。用户登录成功后，在歌曲界面下方输入自己想说的话，也可以修改评论，评论完成后就可以返回歌曲相关界面。图4.7评论模块部分代码评论添加界面如图4.8所示。图4.8评论添加界面图4.2.5歌曲收藏模块用户在听到自己喜欢的歌曲时，可以收藏下来。用户选择相应的歌曲收藏，通过id传参，找到id为此传参的歌曲，在收藏页提交收藏记录表单，生成收藏记录。当想要查看自己收藏的歌曲时用户可以在个人中心管理个人的收藏夹进行查看。收藏页面能够看到歌手姓名，也可以在收藏页面搜索来找到自己收藏的歌曲。图4.9歌曲收藏部分代码歌曲收藏界面如图4.9所示。图4.10歌曲收藏界面图收藏夹界面如图4.11所示。图4.11收藏夹界面图4.2.6歌曲播放模块用户发现自己感兴趣的歌曲，可以点击歌曲，用户点击想要观看的歌曲进入播放界面，浏览器自动播放该歌曲，用户如果想要看歌词，在歌曲页面下有歌词展示。歌曲播放通过调用html的<video>标签，将播放文件路径参数传入，完成播放。管理员管理所有歌曲可以在后台进行增加删除等操作。图4.12歌曲播放部分代码歌曲播放界面如图4.13所示。图4.13歌曲播放界面图4.2.7用户管理模块管理员可以管理用户账户，管理者点击“用户管理”按钮进入用户管理界面，包括录入、删除、修改，修改密码通过SESSION获取用户名，然后输入新密码，同步至数据库更新密码。图4.14用户管理部分代码用户管理界面如图4.15所示。图4.15用户管理界面图登录密码修改界面如图4.16所示。图4.16登录密码修改界面图4.2.8资讯管理模块管理员对资讯进行管理，管理员想要发布资讯时，管理员就可以点击“资讯发布”按钮进入发布资讯页面，然后提交资讯信息，包括主题、附图、详情等，当资讯提交后，数据库的资讯信息表刷新数据，系统就会将资讯信息展示出来。图4.17咨询管理部分代码资讯添加界面如图4.18所示。图4.18资讯添加界面图资讯管理界面如图4.19所示。图4.19资讯管理界面图4.2.9歌曲管理模块管理员可以对歌曲进行管理，例如发布歌曲，查看歌曲，删除歌曲。管理员在点击“歌曲发布”按钮进入发布歌曲页面，然后提交歌曲信息，包括专辑名称、歌曲名称、类型、封面、歌手姓名、语言、文件、唱片公司、发行时间等，和资讯发布流程一致，歌曲提交后，数据库的歌曲信息表刷新数据，系统将歌曲信息展示出来。图4.20歌曲管理部分代码歌曲添加界面如图4.21所示。图4.21歌曲添加界面图歌曲管理界面如图4.22所示。图4.22歌曲管理界面图4.2.10歌手管理模块歌手管理包括新增歌手、删除歌手、修改歌手、查询歌手等，在发布新增歌手时页面需要填写歌手姓名，性别，首字母和歌手图片，她的音乐风格，出生日期，地区。以歌手新增为例，在视图层请求歌手信息新增，反馈后，调用业务逻辑层，通过业务逻辑层的接口调用底层的数据逻辑层完成数据库联动操作。图4.23歌手管理部分代码歌手添加界面如图4.24所示。图4.24歌手添加界面图歌手管理界面如图4.25所示。图4.25歌手管理界面图4.2.11mv视频管理模块管理员能够对mv进行管理，想要发布mv视频时，管理员就可以点击“mv视频发布”按钮进入发布mv视频页面，然后提交mv视频信息，包括歌曲名称、类型、封面、歌手姓名、语言、专辑名称、mv文件、粉丝量、发行时间等，mv视频提交后，数据库的mv视频信息表刷新数据，系统将mv视频信息展示出来。图4.26mv管理部分代码mv视频添加界面如图4.27所示。图4.27mv视频添加界面图mv视频管理界面如图4.28所示。图4.28mv视频管理界面图

5系统测试5.1测试计划系统测试主要目的是发现并修复系统中存在的问题和错误，保证程序的正确性和可靠性需要进行测试。系统测试可以降低开发时间，帮助开发者尽快发现系统的错误，避免开发完后出现严重的问题。环境需要测试，以大部分市面上电脑性能都能使用为主，环境测试无比重要。还需要测试音乐网站的功能模块，测试功能是否能够使用，没有进行报错。所以分成2个方面测试，环境，功能。此次测试使用黑盒测试，它是通过测试来检测每个功能能不能正常使用，主要针对界面和功能进行测试。5.2环境测试

表5.1测试环境客户端软、硬件配置备注硬件软件LAPTOP-FN45VSOICPU：2.40GHzWindows10内存：8GMSN7.5硬盘：512G浏览器：GoogleChrome5.3功能测试表5.2是一个功能测试用例表，其中包括了七项测试用例，每项测试用例包括了测试项、描述/输入/操作、期望结果和实际结果。下面对每项测试用例进行阐述：用户在注册阶段，正确输入账号和密码进行注册。测试用例描述了用户需要点击“注册”按钮完成注册，并期望注册成功。在实际测试中，用户点击了“注册”按钮后，系统成功提示用户注册成功，符合预期结果。用户登录测试用例：用户使用之前注册的账号和密码进行登录，测试用例描述了用户需要使用注册的账号和密码进行登录，并期望登录成功。在实际测试中，用户输入了正确的账号和密码后，系统成功提示用户登录成功，符合预期结果。歌曲增删测试用例：测试用例描述了在添加歌曲模块中，用户需要根据提示填写相关歌曲信息，并成功添加歌曲。在实际测试中，用户填写完整歌曲信息后，点击“提交”按钮后，添加成功，符合预期结果。而对于歌曲删除模块，测试用例描述了用户可以通过点击“删除歌曲”进行删除操作，并期望可用和删除成功。在实际测试中，用户点击了“删除歌曲”，提示了是否确认删除，经过用户确认后删除成功，符合预期结果。歌手新增测试用例：测试用例描述了在歌手增加模块中，用户需要根据提示填写相关歌手信息，并成功添加歌手。在实际测试中，用户填写完整歌手信息后，点击“提交”按钮后，添加成功，符合预期结果。MV播放测试用例：测试用例描述了在MV视频播放模块中，用户需要点击MV视频播放按钮，并期望MV视频可以正常播放。在实际测试中，用户点击了MV视频播放按钮后，MV视频可以正常播放，符合预期结果。播放测试用例：测试用例描述了在播放模块中，用户需要点击音乐播放按钮，并期望音乐可以正常播放。在实际测试中，用户点击了音乐播放按钮后，音乐可以正常播放，符合预期结果。表5.2中的这些功能测试用例描述了每项功能的输入、操作和期望结果，并进行了实际测试，以确保相应的软件功能能够符合预期的需求，并通过测试，满足了软件可靠和稳定的要求。表5.2功能测试用例表编号测试项描述/输入/操作期望结果实际结果1登录功能用户注册（1）正确输入数据（2）输入特殊字符（1）不出现错误(2)不符合要求给出提示（1）不出现错误(2)不符合要求给出提示2用户登录（1）用户使用注册账号登录（2）用户使用未注册账户登录(1)正确，登陆成功(2)提示用户不存在(1)正确，登陆成功(2)提示用户不存在3歌曲增删功能歌曲添加模块正确输入歌曲信息输入特殊字符（1）正确，添加成功（2）提示信息错误（1）正确，添加成功（2）提示信息错误4歌曲删除模块删除按钮是否可用可用可用5歌手新增歌手增加模块正确输入歌手信息输入特殊字符（1）正确，添加成功（2）提示信息错误（1）正确，添加成功（2）提示信息错误6Mv播放Mv视频播放模块播放按钮是否可用可用可用7播放播放模块播放按钮是否可用可用可用5.4测试总结经过环境测试和功能测试，漩涡音乐网站满足了用户的功能需求，也能让用户们在普通电脑上流程使用漩涡音乐网站，本音乐网站通过查阅国内外的文献资料，学习构建音乐网站的技术，都是为了让用户方便使用，漩涡音乐网站有着简洁的页面，没有眼花缭乱的感觉，但又不过于普通，主要为了便利，查询速度快，实用性高，不卡顿，系统成熟，满足用户的要求，用户名拥有自己的账户，管理员有自己的后台管理账户，登录输错时还会提醒你，让用户能够记住自己的账户，安全性也比较高。

6总结与展望6.1总结在这个系统的开发过程中，逐步经历了许多，查找相关的文献和资料，查看了相关的技术书籍，逐渐对音乐网站有了清晰概念和构建思路，数据的分析能力提高，也提高了绘图和设计的能力。构建音乐网站需要去对相关用户进行用户调查了解他们的需求，再对数据库的建模，修改系统的BUG、调试代码等一系列操作。遇到了许多的困难，代码的不熟练，逻辑的错误，再询问老师，上网搜查后慢慢解决了困难，完成了漩涡音乐网站。漩涡音乐网站前端是用户对业务的操作，用户可以进行歌手查询、歌手点评、专辑查询、专辑播放、mv视频播放、音乐资讯等操作。后台管理者也能够在管理后台对音乐网站的信息进行增删查改，例如用户管理、歌手管理、专辑管理、mv视频管理、资讯管理等。漩涡音乐网站还是有些优点的，比如快速，简洁，只有与音乐相关的东西，用户上手可以很快操作简单。完成了音乐网站。6.2展望漩涡音乐网站既有它的优点也有它的缺点，对于我来说漩涡音乐网站还有许多地方不够好，功能也是不够齐全的，例如没有分享功能，音乐就是应该用于分享，当别人听了你喜欢的音乐，自己也会感到开心，独乐乐不如众乐乐，让身边的人了解自己爱听的音乐也是种幸福感。前端功能不突出，页面有点单薄，虽然简洁但让人感觉空空如也。管理后台页面也是过于简洁，长时间操作的话肯定会感到枯燥乏味，系统的布局UI设计不够美观，布局不够好，有点拥挤的感觉，评论也有点单调，用户没有能得到反馈的交互，有个点赞和踩的功能就更好了，在别人点赞的同时自己能收到反馈，也能吸引更多人听歌评论，缺点很多，希望以后可以更加完善。

参考文献刘珍,方明.基于SparkSreaming网站流量实时分析系统的设计与实现[J].智能计算机与应用,2019,9(06):201-205.刘桃丽,曾志超.MVC架构下网站的设计与实现[J].计算机技术与发展,2020,30(02):188-191.孙荣明.以Web与数据库算法为载体的软件应用设计分析[J].信息与电脑(理论版),2019,31(21):46-47.李泗兰,郭雅.视觉空间元素在网页设计中的应用研究[J].电脑知识与技术,2019,15(29):212-214.戴宏明,戴宏亮.基于HTML5大型营销型网站设计研究[J].软件,2019,40(11):57-61.刘剑桥,孙刚,魏梦雪,曹飞虎.摩登农场网站的设计与实现[J].电脑知识与技术,2019,15(31):35-36+44.杨嘉诚,柯海丰.基于HTML5和JavaScript的信息学学习网站的设计与实现[J].计算机时代,2019(11):32-34+37.刘珍,方明.基于SparkSreaming网站流量实时分析系统的设计与实现[J].智能计算机与应用,2019,9(06):201-205.袁智,李樾,张正伟.基于HTML5的跨平台家具网站设计与实现[J].信息记录材料,2019,20(11):177-178.朱育林.基于Web前端开发的公司网站设计[J].河南科技,2019(28):36-38.史雪雪,刘清惓,浦玮,王定奥.强制通风温度传感器辐射误差修正与网站设计[J].现代电子技术,2019,42(19):149-153.朱健.基于Web技术的PSX800后台系统的设计与实现[J].计算机时代,2019(10):47-49+53.王勇,卢磊.基于网络爬虫的上市公司交易数据共享平台设计[J].价值工程,2019,38(27):267-269.张宏.网页设计中的图形图像处理技巧探索[J].信息与电脑(理论版),2019,31(18):154-156.盛凯,毛红霞.基于新浪微博网站的数据采集的设计与实现[J].信息与电脑(理论版),2019,31(18):92-93+98.黄文灿.基于JavaWeb的旅游服务系统设计研究[J].数字技术与应用,2019,37(09):156.57.S.Vidal,A.Bergel,J.A.Díaz-Pace,C.Marcos.Over-exposedclassesinJava:Anempiricalstudy[J].ComputerLanguages,Systems&Structures,2021(08):56.D.H.Kim,K.Y.Chae.InteractiveKinematicsCodeforTransferReactions[J].JournaloftheKoreanPhysicalSociety,2020,(7):76.ShanliangXue;QingYanWei;GuangMingJiao;DunWenZuo.ResearchCodeManagementSystemBasedonJ2EE[J].KeyEngineeringMaterial.2020,Vol.431-432(188-191).JuanLipsonVuong.Asemantics-basedroutingschemeforgridresourcediscovery[M].E-Science:FirstInternationalConferenceo