开发一个springboot+vue的项目【增加铃声制作的功能】

本文介绍了如何在SpringBoot+Vue项目中开发铃声制作功能,包括歌曲上传、审核、铃声制作和浏览等步骤,并提供了视频展示和核心代码片段。
摘要由CSDN通过智能技术生成

大家好呀,我是小孟!

参考的地址:https://github.com/Yin-Hongwei

前面小伙伴说要学习spring+vue的项目,我们录制了非常详细的教程,视频播放了突破了30w+,看来是真的香!

项目和教程都是开源的!

有小伙伴让小孟开发了,增加个人上传音乐和铃声制作的功能。

一,系统功能介绍

该版本加入了个人歌曲上传、根据歌曲制作铃声、铃声随机浏览、上传歌曲管理员复核。

该版本是用户是可以上传歌曲的,然后可以查看个人上传的歌曲,上传歌曲后,管理员进行审核。

1.1. 登陆后才可以上传歌曲

在这里插入图片描述

1.2. 已上传歌曲清单

登陆后,点击我的音乐->我的上传浏览已上传的歌曲清单,显示基本信息和审核状态和意见;
在这里插入图片描述

1.3. 上传歌曲

点击添加歌曲,录入歌名、歌手、简介、歌词及选择本地mp3歌曲,点击确定完成上传。
在这里插入图片描述

点击刷新,可看到已经上传成功。

1.4. 审核列表

登陆管理员后台,点击歌曲审核,可看到已有刚上传的歌曲十年,可变更图片,同时可审核通过和拒绝。
在这里插入图片描述

1.5. 审核通过

点击通过,弹出歌手选择界面,选择对应歌手,点击确定即可完成审核
在这里插入图片描述

1.6. 审核拒绝

点击拒绝,弹出拒绝理由填写界面,录入对应理由,点击确定,完成歌曲审核拒绝。
在这里插入图片描述

1.7. 上传人审核结果查看

审核通过的显示审核通过,审核拒绝的显示审核拒绝并展示审核意见。
在这里插入图片描述

1.8 制作铃声

针对正在播放的歌曲点击制作铃声,可进入铃声制作界面
注:登陆后才可以制作铃声,只有歌曲才可以制作铃声,
在这里插入图片描述

1.9 铃声制作

拖动左右时间定位戳,确定铃声长度,可点击播放按钮反复播放调整,点击生成铃声。
在这里插入图片描述

填写铃声名称,铃声简介,铃声展示图片,点击确定,即可完成铃声制作

在这里插入图片描述

1.10 铃声制作列表

我的音乐->我的铃声中可查看自己制作的铃声。
在这里插入图片描述

1.11 铃声浏览

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值