计算机毕业设计 544springboot音乐翻唱网站与分享平台 毕设

第5章 系统详细设计

一、技术路线：

开发语言：Java

前端技术：JavaScript、VUE.js（2.X）、css3

数据库：MySQL 5.7

数据库管理工具：Navicat或sqlyog

开发工具：IDEA或Ecplise

二、项目介绍：

https://www.bilibili.com/video/BV1Ua4y1o7vm/

三、运行截图：

3.1前台首页功能模块

音乐网站与分享平台 ，在系统首页可以查看首页、音乐资讯、音乐翻唱、在线听歌、留言反馈、个人中心、后台管理、客服等内容，如图3-1所示。

图3-1系统功能界面图

    登录、用户注册，在用户注册页面可以填写用户名、密码、姓名、年龄、手机、邮箱、身份证等信息进行注册，如图3-2所示。

图3-2登录、用户注册界面图

在线听歌，在在线听歌页面通过填写编号、歌曲名称、标签、原唱、作曲、作词、音乐、视频等信息进行点我收藏，如图3-3所示。在音乐翻唱页面通过填写编号、歌曲名称、原唱、标签、音频、图片、翻唱原因、用户名等信息进行点我收藏操作，如图3-4所示。

图3-3在线听歌界面图

图3-4音乐翻唱界面图

3.2管理员功能模块

管理员登录，通过填写注册时输入的用户名、密码、角色进行登录，如图3-5所示。

图3-5管理员登录界面图

管理员登录进入音乐网站与分享平台可以查看首页、个人中心、用户管理、音乐资讯管理、音乐翻唱管理、在线听歌管理、留言板管理、系统管理等信息。

个人信息，在个人信息页面中可以通过填写用户名等内容进行修改、添加，如图3-6所示。还可以根据需要对用户管理进行添加，修改或删除等详细操作，如图3-7所示。

图3-6个人信息界面图

图3-7用户管理界面图

音乐资讯管理，在音乐资讯管理页面中可以填写标题、资讯类型、图片、摘要

等信息，并可根据需要对已有音乐资讯管理进行修改或删除等操作，如图3-8所示。

图3-8音乐资讯管理界面图

音乐翻唱管理，在音乐翻唱管理页面中可以填写编号、歌曲名称、原唱、标签、音频、图片、翻唱原因、用户名等信息，并可根据需要对已有音乐翻唱管理进行修改或删除等详细操作，如图3-9所示。

图3-9音乐翻唱管理界面图

在线听歌管理，在在线听歌管理页面中可以查看编号、歌曲名称、标签、原唱、作曲、作词、音乐、视频、图片等内容，并且根据需要对已有在线听歌管理进行添加，修改或删除等详细操作，如图3-10所示。

图3-10在线听歌管理界面图

留言板管理，在留言板管理页面中可以查看用户名、留言内容、回复内容等内容，并且根据需要对已有留言板管理进行添加，修改或删除等详细操作，如图3-11所示。

图3-11留言板管理界面图

客服管理，在客服管理页面中可以查看新消息、状态等内容，并且根据需要对已有客服管理进行添加，修改或删除等详细操作，如图3-12所示。

图3-12客服管理界面图

轮播图；该页面为轮播图管理界面。管理员可以在此页面进行首页轮播图的管理，通过新建操作可在轮播图中加入新的图片，还可以对以上传的图片进行修改操作，以及图片的删除操作，如图3-13所示。

图3-13轮播图管理界面图

3.3用户功能模块

用户登录进入音乐网站与分享平台可以查看首页、个人中心、音乐翻唱管理、我的收藏管理等内容。

个人中心，在个人中心页面中通过填写原密码、新密码、确认密码等信息，还可以根据需要对个人中心进行修改、删除如图3-14所示。

图3-14个人中心界面图

个人信息，在个人信息页面中可以查看用户名、密码、姓名、年龄、性别、手机、邮箱、身份证等信息内容，并且根据需要对已有个人信息进行修改或删除等其他详细操作，如图3-15所示。

图3-15个人信息界面图

音乐翻唱管理，在音乐翻唱管理页面中通过填写编号、歌曲名称、原唱、标签、音频、图片、翻唱原因、用户名等内容进行查看、删除，如图3-16所示。

图3-16音乐翻唱管理界面图

我的收藏管理，在我的收藏管理页面中可以查看收藏ID、表名、收藏名称、收藏图片等内容，并且根据需要对已有我的收藏管理进行查看等详细操作，如图3-17所示。

图3-17我的收藏管理界面图