【《在线音乐分享网站设计与实现》12000字（论文）】

[14]使用C和C++编写，并使用多种编译器进行测试，这样保证源代码的可移植性；MySQL还提供用于管理、检查和优化数据库操作的工具；同时MySQL还支持多种存储引擎，使得存储数据变得十分方便。登录注册模块实现本网站的登录页面如下图4-2-1所示，用户输入用户名或邮箱和用户密码可以实现登录，然后再跳转到网站首页，网站的顶部栏会显示用户的头像，同时出现上传的按钮。如果用户输入的信息不正确就不会发生跳转。同样，用户实现注册就是输入相关信息后点击注册，即可将信息存入数据库，跳转到登录界面完成注册，但如果注册输入的用户名和邮箱，在数据库中已存在，则会导致注册失败。用户的注册界面如下4-2-2所示图4-2-1用户登录界面图4-2-2用户注册界面用户实现登录的后端代码如图4-2-3所示，如果用户登录验证成功则会发生页面跳转，如果失败则会一直处于登录界面。图4-2-3用户登录验证当用户在注册界面完成信息填写并点击注册按钮，前端会将信息提交到后端去处理，后端注册代码如下图4-2-4和图4-2-5所示。图4-2-4用户注册验证验证图4-2-5用户注册验证验证个人信息模块实现实现如下图4-3-1所示，本网站提供的个人信息修改主要为用户名修改、密码修改、邮箱修改、性别修、生日修改以及头像修改。其中用户基本信息修改和头像修改是分开的，用户进行基本信息修改，需要重新填写需要修改的信息，但是用户名和密码必须是数据库中不存在的否则会导致修改失败。用户进行头像修改只需点击图片上传按钮选择自己想要修改的图片即可。图STYLEREF1\s43-1个人信息修改用户头像更新的后端代码如图4-3-2和图4-3-3所示，用户选择图片后，点击开始上传的按钮，图片会从前端提交到后端处理，图片会被保存到本地，然后将图片的保存地址更新到用户的个人信息中去，然后刷新页面，前端就会显示新的用户头像。图STYLEREF1\s43-2个人头像修改验证图STYLEREF1\s43-2个人头像修改验证个人音乐管理模块实现如下图4-4-1所示，普通用户可以对于自己上传的音乐进行相应的管理，用户可以搜索自己上传的音乐、可以修改自己上传音乐的信息和可以删除自己上传的音乐。图STYLEREF1\s44-1个人上传音乐修改用户在搜索框输入相关音乐信息点击搜索按钮，前端会将搜索信息提交到后端，后端会对搜索信息进行处理，在数据库中搜索相关内容，然后将搜索内容返回到前端，前端页面会重载音乐显示的数据表单展示搜索歌曲信息。前端具体内容如下图4-4-2所示；搜索后端代码如下图4-4-3所示；图STYLEREF1\s44-2个人上传音乐搜索图STYLEREF1\s44-3个人上传音乐搜索验证用户对自己上传的音乐进行修改，当用户单击编辑按钮，回弹出音乐信息编辑页面，需要用户填写需要修改的信息。如果用户需要对歌曲的音源和音乐的封面进行修改，点击上传图片和上传音乐后，后端会先将图片和音乐音源的信息存入服务器储存，然后返回存放地址，存到map中。最后，单击修改按钮，前端会将修改数据一起提交到后端，然后后端对提交数据进行处理将，根据接收的歌曲ID，对歌曲信息进行更新。歌曲信息更新界面如下图4-4-4所示，歌曲更新后端代码如下图4-4-5所示；图STYLEREF1\s44-4个人上传音乐信息修改图STYLEREF1\s44-5个人上传音乐信息修改验证音乐搜索模块实现用户进入网站后可以根据自己的需求去对音乐进行搜索，在搜索框输入想要查询的音乐名称或歌手名称点击搜索按钮，前端会将搜索内容提交到后端，后端再对提交内容进行处理，在数据库查询相关内容，然后将查询结果返回前端，前端会跳转到搜索界面展示内容。前端具体内容如下图4-5-1所示，后端代码如下图4-5-2所示；图STYLEREF1\s45-1音乐搜索图STYLEREF1\s45-2音乐搜索验证用户评论模块实现如下图4-6-1所示用户可以点击首页音乐展示列表中，每首音乐的名称或歌手会跳转到音乐界面，在在这个界面会看到他人发表的评论，自身也可以根据喜好发表相应的评论。用户发表评论，需要先在评论输入框填写评论，然后点击发表评论按钮，前端会将评论内容提交到后端，后端接收到内容后再进行处理，根据评论者ID和歌曲ID在数据库插入评论内容，然后将插入结果返回到后端，后端再查询该歌曲所包含所有的评论，再将得到数据传回前端，前端刷新界面，重新展示所有内容。后端代码如图4-6-2所示；图STYLEREF1\s46-1音乐界面图STYLEREF1\s46-2评论提交验证用户管理模块实现如图·4-7-1所示，当管理员登录网站，可以进入后台管理界面，选择用户管理界面，根据需要对用户的信息进行编辑。图STYLEREF1\s47-1后台用户管理管理员可以对用户信息进行修改，用户信息编辑页面如下图4-7-2所示，然后，可以选择修改用户基本信息如用户名、用户密码、用户邮箱、用户头像等（管理员无对管理员信息增删的权限）如果用户有违规行为可以对用户进行禁封，用户将会失去上传音乐和在音乐界面评论的权限，修改完信息后，点击修改按钮，前端会将修改数据传到后端，后端在接收到数据后会进行相应的处理，根据提交用户ID，对用户信息进行更新，然后将结果返回，前端就会重载页面，重新显示用户信息。用户修改后端代码如下图4-7-3所示；图STYLEREF1\s47-2后台管理用户信息修改图STYLEREF1\s47-3后台管理用户信息修改验证管理员可以根据需求搜索用户如下图4-7-4所示，管理员先在搜索框输入搜索的用户名，然后点击搜索按钮，前端会将搜索信息提交到后端，后端在接收数据后对其进行处理，在数据库中查询搜索信息，再将查询结果返回。前端在接收到返回结果后，将数据表格重载，以显示搜索结果。后端代码如下图4-7-5所示。图STYLEREF1\s47-4后台管理搜索用户图STYLEREF1\s47-5后台管理搜索用户验证如果出现普通用户有严重违规现象，管理员可以对其进行注销处理，选择该用户的信息行列点击删除，前端会将该用户ID提交到后台，后台再根据该用户ID进行处理，在数据库搜索该用户ID再删除，然后将处理结果返回到前端，前端会出现弹窗显示处理结果。管理员可以用户，添加用户的弹窗界面如图4-7-6所示，管理员需要先填写相关添加用户信息，可以选择是否设置其为管理员，最后，点击提交按钮，然后前端会将填写数据提交到后端，后端再对提交数据进行处理，在数据库中插入相关数据，再将数据插入结果返回前端，前端会进行弹窗显示，用户添加信息表示成功或失败。添加用户后端代码如图4-7-7所示；图STYLEREF1\s47-6后台管理添加用户图STYLEREF1\s47-7后台管理添加用户音乐管理模块实现管理员可以对所有用户上传的音乐进行管理如图4-8-1所示。如果用户出现将某些音乐的信息填写错误的现象，管理员可以帮助其进行修正，点击相关音乐所在表列中的编辑按钮会弹出歌曲信息修改窗口如下图4-8-2所示。管理员再进行信息修改，然后点击修改按钮，前端会将修改信息提交得到后台，后台再对其进行处理，在数据库中根据歌曲ID对其进行信息更新，然后，再将处理结果返回到前端，前端弹窗界面会显示数据更新信息，然后退出弹窗，再更新数据窗口，显示修改后的歌曲信息。后台管理修改歌曲信息的后端代码如下图4-8-3所示；图STYLEREF1\s48-1后台音乐管理图STYLEREF1\s48-2修改音乐信息界面图STYLEREF1\s48-3修改音乐信息代码如果出现有用户上传违规音乐，管理员可以对其进行下架处理。选择相关音乐所在数据表列点击删除按钮，前端会将音乐ID提交到后端，后端再根据音乐ID进行处理，在数据库对提交歌曲ID进行删除，然后将处理结果传到前端，前端会显示数据处理结果。管理员也可以根据需求对相关音乐进行搜索，在搜索框中输入相关音乐的信息，然后，点击搜索按钮，前端将搜索信息提交到后台，后台接收到搜索信息后再进行处理，在数据库中查询相关信息，然后将查询结果返回到前端，前端页面会刷新数据表格，再显示查询结果信息如下图4-8-4所示；后台管理音乐搜索后端代码如图4-8-5所示；图STYLEREF1\s48-4后台管理音乐搜索图STYLEREF1\s48-5后台管理音乐搜索后端代码评论管理模块实现如下图4-9-1所示管理员可以管理本网站所有用户发表的评论；如果出现有用户发表违规评论，管理员可以对违规评论进行删除处理，先找到违规评论在数据表格中的位置，点击删除按钮，前端会将该评论ID提交到后台，后台接收到评论ID后再进行处理，在数据库中查询评论ID进行删除，之后将处理结果返回到前端，前端会弹窗显示处理结果。图STYLEREF1\s49-1后台评论管理管理员也可以在评论管理页面，对于评论进行搜索查看是否存在违规评论。管理员在搜索框输入搜索信息后点击搜索按钮，前端会将搜索内容提交到后台，后台接收搜索内容后再进行处理，在数据库中查询搜索信息，然后将查询结果传到前端，前端页面再进行表格重载，将查询数据显示出来。具体内容如下图4-9-2所示；评论查询后台代码如下图4-9-3所示；图STYLEREF1\s49-2后台评论管理搜索图STYLEREF1\s49-3后台评论管理搜索后端代码结论与展望开发总结本次网站开发对于我个人算是一次巨大的挑战，尝试一个人完成这个项目，无疑是充满障碍的，十分考验个人的能力，因为一个人总有自己不擅长的方面，还有对于不同的技术理解不同，以及在开发过程中存在的问题等。同时，本次开发也给我带来了许多收获，在不断踩坑和尝试的过程中，获得了许多宝贵的经验，帮助自身的提升。首先，在确定了自己的课题后，就开始着手准备如何去开发项目了，期间翻阅了很多资料，找相似的项目去学习如何进行整体的开发。尽管已经看了很多项目，查阅了许多资料，但一直未开始进行编写，总感觉找不到开始点，如何安排整体项目。在拖了一段时间后，才决定去做，刚开始尝试编写时，后端采用的是SpringMVC架构的，但觉得项目需要配置的文件过于繁琐，就放弃采用了。转而采用之前在查阅资料时，看到的Springboot架构，不需要配置过多的文件，项目搭建更为便捷。确定了，后端开发架构，然后开始设计数据库因为之前，各项功能已经确定十分明确了，所以在这个数据库设计过程中并未遇到什么较大的困难。然后，整个项目开发打算先将前端页面设计好，再进行后端的编写，这样避免出现后端因为前端设计需要过多改动的麻烦。但开始设计前端时出现了问题，之前并未有过多设计前端界面得到经验，如何将页面设计成自己所想的样子，成了个大问题，在这个设计期间，我花了较多时间去，借鉴其他网站，学习流行的前端框架，查阅许多信息后，决定采用Bootstrap和Layui框架，Layui框架虽然设计页面颜色搭配较为简洁但能十分方便去进行页面布局和实现页面功能，同时Layui还提供了了许多文档和案例帮助使用者更好的理解和使用这个框架，再结合Bootstrap进行优势互补。在前端页面设计完毕后，就开始进行后端的代码编写，整个过程并未有我原先设想如此简单，倒是出现各种各样，始料未及的bug，还有习惯性犯的小错误，有时一个问题能拖许久才能解决，有时会直接选择换另一种方案，去进行编写。总之，这段时间，让我感觉到一个人去开发一个项目的巨大压力，但当我解决问题后，又有一种如释重负的愉悦感，这是一个让我感到痛苦和快乐和过程。从这个过程中，逐渐学习了许多平时没有去学习的知识，认识了以前遇到的问题，知道了不同问题的不同解决方式，学习如何更有效率进行开发。本次课题对我而言是一次历练，锻炼我处理问题能力，学会在遇到问题时，能耐心去观察发现问题实质，从不同方面去解决问题。在开发的过程不能过于求成，要慢慢来，稳中求胜，这对于我未来从事相关职业是一次宝贵的经验，帮助我能更好到去应对所面对的问题。总而言之，本次课题使我受益良多，提升了自身的能力。未来展望本次网站开发，由于本人能力有限，缺乏经验等原因，导致网站整体设计并没有没有达到预期效果，甚至还存在不少的问题，同时还有一些想增加的功能并未实现。对此我表示很遗憾。但是在未来有机会，我有考虑增加如下功能和模块：（1）给普通用户增加私信模块，让用户之间可以进行相互的交流；（2）给网站页面增加推排行榜，展示受用户欢迎的音乐，以及贡献值较大的用户；（3）给用户在歌曲页面的评论区增加评论回复和评论点赞的功能，提升用户间的互动；（4）给用户上传的音乐增加点赞的功能，显示用户对于不同音乐的评价；（5）增加歌曲歌单模块，让用户可以将不同种类的音乐进行归类收集；（6）给用户增加个人展示页面，显示上传歌曲，收听音乐以及用户选择展示的信息；参考文献余铮.赵飞.中国数字音乐长尾市场的现状分析与拓展策略[J].湖北民族学院学报(哲学社会科学版),2016,34(03):54-58.张驰.音乐版权互授:内容创新营销崛起[J].现代企业文化(上旬),2018(10):110-111.张莉,李林芳.在线音乐网站的情感化交互设计[J].工业设计,2012(08):67-69.贾坤儒,严张凌.基于Spring微服务架构的音乐点播平台的设计与实现[J].信息与电脑(理论版),2020,32(22):105-106.张晶晶,曹双双,杨怡洁,刘玲,蔡梦媛.基于Bootstrap框架的响应式网站设计[J].电脑知识与技术,2020,16(34):247-248.葛萌,黄素萍,欧阳宏基.基于SpringMVC框架的JavaWeb应用[J].计算机与现代化,2018(08):97-101.黎婧.影响中国数字音乐产业竞争力的主要因素研究[D].广东外语外贸大学,2018.江小妍.基于产业价值链视角的中国在线音乐产业商业模式研究[D].北京印刷学院,2017.MickleyJG,TaylorN.OCCURRENCEOFTHYMELEAFSANDMATEUPHORBIASERPILLIFOLIAINVERMONT[J].R