乐趣区

关于毕业设计:毕业设计之-基于Spring-Boot的在线音乐web系统

简介

本音乐网站的开发次要利用 VUE 框架开发前台和后盾,后端接口用 Spring Boot + MyBatis 来实现,数据库应用的是 MySQL。

该我的项目也是咱们做过的优良毕业设计.

运行展现







零碎性能

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

应用技术

后端
SpringBoot + MyBatis

前端
Vue + Vue-Router + Vuex + Axios + ElementUI

装置及运行

获取源码

分割学长获取

批改配置文件

1)创立数据库 将 music-website/music-server/sql 文件夹中的 tp_music.sql 文件导入数据库。

2)批改后端配置文件 去 music-website/music-server/src/main/resources 这个目录下的文件里批改本人的 spring.datasource.username 和 spring.datasource.password;批改下图圈进去的的文件中 MyPicConfig 类下的 addResourceLocations 办法中的门路,否则资源加载不了。(Mac 和 win 下门路有些差别,我的是 Mac 上的门路,win 上须要在 file: 后表明是哪个盘,例如:file:C:\user\XXX\)

启动我的项目

music-server 是本我的项目的后端,用于监听前端发来的申请,提供响应。music-client 和 music-manage 都是本我的项目的前端局部,前者是前台,后者是后盾。运行时后端必须启动,两个前端我的项目能够都启动,也能够只启动其中一个,他们是独立的。

启动后端:进入 music-server 文件夹,运行上面命令启动服务器
// 办法一
./mvnw spring-boot:run

// 办法二
mvn spring-boot:run // 前提装了 maven
启动前台:进入 music-client 文件夹,运行上面命令启动前台我的项目
npm install // 装置依赖

npm run dev // 启动前台我的项目
启动后盾:进入 music-manage 文件夹,运行上面命令启动后盾治理我的项目
npm install // 装置依赖

npm run dev // 启动后盾治理我的项目

最初

须要毕业设计同学, 可在下方给我留言哦, 欢送探讨

本学长计算机研究生在读, 善于:
算法
web 零碎
单片机开发
热心负责, 帮忙同学度过毕业难关

退出移动版