简介
本音乐网站的开发次要利用 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 零碎
单片机开发
热心负责, 帮忙同学度过毕业难关