开发者社区> 游客36en7qfqu4h4c> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

前后端分离实现在线音乐网站-springboot+vue

简介: 前后端分离实现在线音乐网站-springboot+vue
+关注继续查看

项目编号:BS-PT-049

运行环境:

开发工具:IDEA /ECLIPSE

数据库:MYSQL5.7

JAVA:  JDK1.8

依赖管理:MAVEN

后台开发技术:Springboot+SSM

前台开发技术:Vue + Vue-Router + Vuex + Axios + ElementUI

项目说明:

本系统基于Springboot和Vue实现的前后端分离的一个在线音乐网站系统,系统功能完整,页面简洁大方,是一个非常优秀的JAVA系统,比较适合做毕业设计使用。

系统的主要功能如下:

  • 音乐播放
  • 用户登录注册
  • 用户信息编辑、头像修改
  • 歌曲、歌单搜索
  • 歌单打分
  • 歌单、歌曲评论
  • 歌单列表、歌手列表分页显示
  • 歌词同步显示
  • 音乐收藏、下载、拖动控制、音量控制
  • 后台对用户、歌曲、歌手、歌单信息的管理

下面来展示一下这个在线音乐网站的具体功能,让大家一饱眼福:

前端界面展示:

首页

image.png

歌单

image.png

查看歌单

可以查看歌单的哥曲列表并进行播放,同时可以做出自己的评论,并可以进行星级评价。

image.png

歌手

image.png

查看歌手

image.png

我的音乐  主要展示当前用户收藏的音乐

image.png

音乐播放

可以在线播放音乐,切换音乐,对音示进行收藏,下载,调音量等操作

image.png

全站搜索

image.png

个人信息修改

image.png

前端用户登陆

image.png

前端用户注册

image.png

下面我们来看一下系统的后台功能

image.png

后台系统首页:主要是信息的图形报表统计

image.png

image.png

用户管理

主要可以对用户进行增删改查处理

image.png

歌手管理

image.png

image.png

image.png

歌单管理

image.png

歌单内容管理

image.png

以上就是本系统的部分功能展示,整体来讲这是一个比较优秀的项目,功能完整没有BUG,界面美观交互友好

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
前后端分离项目部署vue+springboot
从oracle官方网站上下载1.8版本中的最新版的JDK。下载完成后,把文件通过WinSCP或者XFTP上传到服务器上。接着进行解压和配置环境变量。
0 0
Springboot+Nodejs+Vue实现前后端分离校园二手交易平台
Springboot+Nodejs+Vue实现前后端分离校园二手交易平台
0 0
基于springboot+vue前后端分离的学生在线考试管理系统
基于springboot+vue前后端分离的学生在线考试管理系统
0 0
基于springboot+vue的电子村务系统(前后端分离)
本系统为原创项目,以电子村务为主题,采用前后端分离,创作于2022年2月,项目代码工整,结构清晰,适合选题:电子村务、村务、村民、前后端分离类其他电子村务系统等。系统采用springboot+vue整合开发,前端主要使用了element-ui框架、项目后端主要使用了springboot,数据层采用mybatis。
0 0
基于springboot+vue的智慧幼儿园管理系统(前后端分离)
本系统为前后端分离项目,适合选题:智慧幼儿园、幼儿园、前后端分离类其他幼儿园系统等。系统采用springboot+vue整合开发,前端主要使用了element-ui框架、项目后端主要使用了springboot,数据层采用mybatis,系统分为三个角色,功能齐全,界面美观。
0 0
基于springboot+vue的商城系统(电商平台)(前后端分离)
本系统以商城为主题,采用前后端分离,项目代码工整,结构清晰,适合选题:各类商城系统、前后端分离类其他商城系统等。系统采用springboot+vue整合开发,前端主要使用了element-ui框架、项目后端主要使用了springboot,数据层采用mybatis。
0 0
基于springboot+vue的公益慈善捐助网站(前后端分离)
本系统为前后端分离,适合选题:前后端分离、公益、慈善、捐助等,系统采用springboot+vue整合开发,前端主要使用了ElementUI框架、项目后端主要使用了springboot等一系列框架,数据层采用mybatis。
0 0
基于springboot+vue的智慧教室预约系统(前后端分离)
该系统基于springboot+vue整合,mysql数据库,前后端分离,具有完整的业务逻辑。主要功能:教室预约和查看系统项目,能够实现以教室为单位活动的预约和取消,能够以视图形式显示,附带图书馆和公告管理器功能。
0 0
springboot+vue前后端分离实现宿舍管理系统
本系统基于springboot+vue采用前后端分离的方式实现了一个宿舍管理系统,功能完整,界面美观大方,交互简洁方便,比较适合做毕业设计使用。 系统有完整的权限管理系统:用户可以自定义角色、权限和功能菜单,给不同的用户角色分配不同的功能,从而实现灵活的管理功能。 业务功能实现主要包括: 学生管理、宿舍管理、班级管理、宿舍报修管理、请假管理、晚归管理 系统管理主要包括: 用户管理、权限管理、菜单管理、日志管理等
0 0
springboot elementui vue商城微信小程序源码(毕设)
springboot vue elementui 后台框架,前端微信小程序商城毕设源码
0 0
文章
问答
文章排行榜
最热
最新
相关电子书
更多
基于webpack和npm的前端组件化实践
立即下载
React在大型后台管理项目中的工程实践
立即下载
React在大型后台管理项目中的工程实践
立即下载