一款基于SpringBoot + MyBatis + Vue 的音乐网站项目
项目说明
本音乐网站的客户端和管理端使用 VUE 框架来实现,服务端使用 Spring Boot + MyBatis 来实现,数据库使用了 MySQL。
项目功能
音乐播放
用户登录注册
用户信息编辑、头像修改
歌曲、歌单搜索
歌单打分
歌单、歌曲评论
歌单列表、歌手列表分页显示
歌词同步显示
音乐收藏、下载、拖动控制、音量控制
后台对用户、歌曲、歌手、歌单信息的管理
技术栈
后端
SpringBoot + MyBatis
前端
Vue + Vue-Router + Vuex + Axios + ElementUI
开发环境
JDK:jdk-8u141
mysql:mysql-5.7.21-1-macos10.13-x86_64
node:v12.4.0
IDE:IntelliJ IDEA 2018、VSCode
下载后的资源包如下所示:
2、下载数据库中记录的资源
将上一步下载好的的歌曲及图片,将 data 夹里的文件按照下面的截图存放。
3、修改配置文件
1)创建数据库 将 music-website/music-server/sql
文件夹中的 tp_music.sql
文件导入数据库。
2)修改用户名密码 修改 music-website/music-server/src/main/resources/application.properties
文件里的 spring.datasource.username
和 spring.datasource.password
;
3)修改资源路径
修改 music-server/src/main/java/com/example/yin/constant/Constants.java
文件中的 RESOURCE_PATH
,否则资源加载不了。
4、启动项目
启动 music-server
启动 music-manage
启动客户端:进入 music-client 目录,运行下面命令
npm install // 安装依赖npm run dev // 启动前台项目
项目预览
前台截图预览
后台截图预览
源码获取
点击下面的公众号卡片
后台回复【123】即可获取
一款基于SpringBoot + MyBatis + Vue 的音乐网站项目相关推荐
- 毕业设计之基于springboot和vue的音乐网站
毕业设计项目可以考虑基于 Spring Boot 和 Vue 技术开发一个音乐网站. Spring Boot 是一个用来快速构建企业级应用的框架,它可以帮助您极大地简化开发流程,缩短交付周期. Vue ...
- SpringBoot实现代码生成器——基于SpringBoot和Vue的后台管理系统项目系列博客(十)
系列文章目录 系统功能演示--基于SpringBoot和Vue的后台管理系统项目系列博客(一) Vue2安装并集成ElementUI--基于SpringBoot和Vue的后台管理系统项目系列博客(二) ...
- SpringBoot实现1对1、1对多、多对多关联查询——基于SpringBoot和Vue的后台管理系统项目系列博客(十八)
系列文章目录 系统功能演示--基于SpringBoot和Vue的后台管理系统项目系列博客(一) Vue2安装并集成ElementUI--基于SpringBoot和Vue的后台管理系统项目系列博客(二) ...
- SpringBoot和Vue集成Markdown和多级评论——基于SpringBoot和Vue的后台管理系统项目系列博客(二十三)
系列文章目录 系统功能演示--基于SpringBoot和Vue的后台管理系统项目系列博客(一) Vue2安装并集成ElementUI--基于SpringBoot和Vue的后台管理系统项目系列博客(二) ...
- SpringBoot实现分页查询——基于SpringBoot和Vue的后台管理系统项目系列博客(七)
系列文章目录 系统功能演示--基于SpringBoot和Vue的后台管理系统项目系列博客(一) Vue2安装并集成ElementUI--基于SpringBoot和Vue的后台管理系统项目系列博客(二) ...
- 一个基于SpringBoot + Mybatis + Vue的代码生成器
点击上方蓝色"方志朋",选择"设为星标" 回复"666"获取独家整理的学习资料! code-gen 一款代码生成工具,可自定义模板生成不同的 ...
- 计算机专业毕业设计 - 基于Vue+ SpringBoot+MyBatis 实现的音乐网站
源码下载地址 项目说明 本音乐网站的开发主要利用 VUE 框架开发前台和后台,后端接口用 Spring Boot + MyBatis 来实现,数据库使用的是 MySQL.实现思路可以看这里. 功能说明 ...
- 基于SpringBoot+SpringCloud+Vue前后端分离项目实战 --开篇
本文目录 前言 做项目的三大好处 强强联手(天狗组合) 专栏作者简介 专栏的优势 后端规划 1. SpringBoot 和 SpringCloud 的选择 2. Mybatis 和 MybatisPl ...
- 基于SpringBoot+Mybatis框架的商城秒杀项目总结
最近做了一个以SpringBoot+Mybaits为框架前后端分离的商城秒杀项目,主要使用的工具是Idea和Maven,SpringBoot是一个功能十分强大的框架集合,里面包含了很多的框架. 工程的 ...
最新文章
- 防火墙产品原理与应用:防火墙产品的技术及实现关于IPV6【寒假】
- 成功解决TypeError: Singleton array array('data_input/xgboost/data_RentListingInquries/RentListingInqurie
- VTK:网格之ExtractEdges
- c语言 位域 sizeof,含位域结构体的sizeof
- NOIP2009普及组细胞分裂(数论)——yhx
- std的find和reverse_iterator联合使用
- jsp页面页面post传值_在Js页面通过POST传递参数跳转到新页面详解
- [ARM-Linux开发] 主设备号--驱动模块与设备节点联系的纽带
- XenApp 6安装过程中的两个常见错误
- 数组java8求和_java – 如何使用IntStream对int数组的特定索引号求和?
- 经典Flash MX 2004教程全集
- 冗余链路引起广播风暴和MAC地址表不稳定
- 物业收费管理系统 java_基 于java的小区物业收费管理系统.doc
- Element Plus的分页组件el-pagination显示英文
- Python练习题16:人名独特性统计
- [总结自用]关于Mbps、Mb/s、MB/s以及Mpps的区别及计算
- 梦幻西游手游经验任务链计算机,梦幻西游手游跑环任务详解 刷经验利器
- 【Endnote】在论文中插入参考文献,并将插入参考文献的序号格式改为[1] [2] [3] 或1,2,3
- java(反射机制)
- leetcode-----一个机器人在m×n大小的地图的左上角。 机器人每次向下或向右移动。机器人要到达地图的右下角。可以有多少种不同的路径从起点走到终点?