计算机毕业设计java原创歌曲分享平台springbootvueweb毕设

5 平台实现

一、技术路线:

开发语言:Java

前端技术:JavaScript、VUE.js(2.X)、css3

数据库:MySQL 5.7

数据库管理工具:Navicat或sqlyog

开发工具:IDEA或Ecplise

二、项目介绍:

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

三、运行截图:


3.1平台功能模块

原创歌曲分享平台,在平台首页可以查看首页,音乐分享,音乐资讯,个人中心,后台管理等内容,并进行详细操作;如图3-1所示。

38a4245ae021e3268fc60b8c279e8e67.jpeg

图3-1平台首页界面图

用户注册,在用户注册页面通过填写用户账号,密码,确认密码,用户姓名,年龄,联系电话等信息进行注册操作,如图3-2所示。

49f6ffc42098ea055ea473e118a00fa7.jpeg

图3-2用户注册界面图

音乐分享,在音乐分享页面可以查看音乐分类,区域,发布时间,简介,用户账号,用户姓名,点击次数,歌词等内容,还可以进行收藏,点赞,举报等操作;如图3-3所示。

55834b314da1a2b6ad90478b1d877288.jpeg

图3-3音乐分享界面图

个人中心,在个人中心页面通过填写用户账号,密码,用户姓名,上传图片,性别,年龄。联系电话等内容进行更新信息,还可以根据需要对我的收藏进行相对应操作,如图3-4所示。

62e775473eedb947feff8f75a2d0bfd9.jpeg

图3-4个人中心界面图

3.2后台功能模块

平台登录,通过填写注册时输入的用户名、密码、选择角色等信息进行登录操作,如图3-5所示。

3abba080cbc8bf3d6cef35c2aab9410e.jpeg

图3-5平台登录界面图

3.2.1管理员功能模块

管理员登录进入平台可以查看首页,个人中心,用户管理,音乐分类管理,音乐分享管理,举报管理,平台管理等功能,并进行详细操作,如图3-6所示。

34ae7ce40822b08dcf613e29d7c5182a.jpeg

图3-6管理员功能界面图

用户管理;在用户管理页面中可以查看索引,用户账号,用户姓名,头像,性别,年龄,联系电话等内容,并进行详情,修改和删除等操作;如图3-7所示。

cc7ca0367bdb1f1b2339635b1b7f3c29.jpeg

图3-7用户管理界面图

音乐分类管理;在音乐分类管理页面中可以查看索引,和音乐分类并进行修改和删除等操作;如图3-8所示。

31cebb442bb4c7b3632e59c6fbb39809.jpeg

图3-8音乐分类管理界面图

音乐分享管理;在音乐分享管理页面中可以查看索引,音乐分类,音乐名称,音乐视频,区域,视频封面,发布时间,歌词,用户账号,用户姓名等内容,并进行详情,修改,查看评论和删除操作;如图3-9所示。

cc51ec6337f6baf6fbc29aa115b8e655.jpeg

图3-9音乐分享管理界面图

举报管理;在举报管理页面中可以查看索引,音乐名称,发布时间,用户账号,用户姓名,举报原因,审核回复,审核状态,审核等内容,并进行详情,修改,删除操作;如图3-10所示。

f6c59f57b0c148aea75930827dd7afbe.jpeg

图3-10举报管理界面图

系统管理;在音乐咨讯管理页面中可以查看索引,标题和图片等内容,并进行详情,修改和删除操作;如图3-11所示。

8e93e58eb32159da8b3e4e03a26b3cb2.jpeg

图3-11系统管理界面图

3.2.2用户功能模块

用户登录进入平台可以查看首页,个人中心,音乐分享管理,举报管理,我的收藏管理等功能,并根据需要进行详细操作,如图3-12所示。

c52cbcf3c971ffd1bc6d219b9ee46dbf.jpeg

图3-12用户功能界面图

音乐分享管理;在音乐分享管理页面中可以查看索引,音乐分类,音乐名称,音乐视频,区域,视频封面,发布时间,歌词,用户账号,用户姓名等内容,并进行详情,修改,查看评论和删除操作;如图3-13所示。

8b310a96ccc0d941478773c8f77b4c0d.jpeg

图3-13音乐分享管理界面图

我的收藏管理;在我的收藏管理页面中可以查看索引,收藏名称,收藏图片等内容,并进行详情,修改,删除操作;如图3-14所示。

ac79a224be7b84109893c97ccc4a1117.jpeg

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值