欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

VUE+ElementUI + Springboot实现的静听音乐网站

程序员文章站 2022-05-04 11:23:48
下载地址:www.j2eeweb.com 采用vue + springboot实现的静听音乐播放系统,前端页面采用vue + elementUI,后台逻辑和数据管理使用springboot + mybatis + mysql实现,使用maven打包,可以进行音乐管理音乐播放。 采用技术: VUE E ......

下载地址:

采用vue + springboot实现的静听音乐播放系统,前端页面采用vue + elementui,后台逻辑和数据管理使用springboot + mybatis + mysql实现,使用maven打包,可以进行音乐管理音乐播放。

采用技术:

  • vue
  • element-ui
  • springboot
  • mybatis
  • mysql
  • maven

实现的功能:

  • 后台用户登录
  • 系统管理员用户信息管理
  • 歌曲信息库管理
  • 歌单创建、修改、删除,歌单内歌曲管理
  • 榜单创建、修改、删除,榜单内歌曲管理
  • 轮播信息管理
  • 前台音乐播放等等

以下是部分功能截图:

1.首页截图

VUE+ElementUI + Springboot实现的静听音乐网站

2.首页截图

VUE+ElementUI + Springboot实现的静听音乐网站

3.音乐播放截图

VUE+ElementUI + Springboot实现的静听音乐网站

4.分类列表截图

VUE+ElementUI + Springboot实现的静听音乐网站

5.管理员登录

VUE+ElementUI + Springboot实现的静听音乐网站

6.歌曲信息管理(歌库管理)

VUE+ElementUI + Springboot实现的静听音乐网站

7.管理榜单中的歌曲,可以将歌库中的歌曲添加到榜单,或者从榜单移除,歌单的管理类似

VUE+ElementUI + Springboot实现的静听音乐网站

8.添加歌曲

VUE+ElementUI + Springboot实现的静听音乐网站

9.用户信息管理

VUE+ElementUI + Springboot实现的静听音乐网站

系统启动方式:

1.先导入java源码运行后台系统;

2.然后进入vue管理系统内使用npm run serve运行前端工程,注意:后台代码的界面和首页界面都在一个vue工程内。

3.首页访问地址:http://localhost:8080/

后台管理员登录信息:

用户名:admin 密码:123456

 

下载地址: