<<<<<<< HEAD

music

项目介绍

该项目的客户端和管理端都是使用vue3 + vite + typescript框架来实现的，服务端使用了Spring Boot + Mybatis-plus，数据库使用了Mysql,客户端的首页使用了redis来做缓存使得加载速度更加快速

技术选型

后端技术

名称	版本
Spring Boot	2.6.8
hibernate-validator	6.0.19.Final
lombok	1.18.24
druid	1.2.8
hutool-all	5.5.7
mybatis-plus	3.4.3.1
mybatis-plus-generator	3.3.0
fastjson2	2.0.7
jedis	3.7.1
spring-boot-cache	2.6.8

前端技术

名称	版本
vue	3.2.25
vue-router	4.0.16
pinia	2.0.14
element-plus	2.2.6
axios	0.27.2
font-awesome	4.7.0
lyric-parser	1.0.1
sass	1.52.3
typescript	4.5.4
echart	5.3.2

项目截图

客户端截图

管理端截图

项目功能：

• 客户端功能

  • 登录/注册
  • 修改密码
  • 修改个人信息、修改头像
  • 歌曲收藏
  • 创建歌单
  • 歌单歌曲添加
  • 歌词显示
  • 播放歌曲、下载歌曲、拖动音乐进度条、音量控制
  • 歌曲/歌单搜索

• 管理端功能

  • 用户管理
  • 歌手管理
  • 歌曲管理
  • 轮播图管理
  • 登录
  • 修改密码

部署教程

music-cleint是客户端，music-manage是管理端，music-server后台

客户端和管理端运行

# 下载依赖
npm install
# 运行项目
npm run dev

后台运行事项

file.7z是客户端和服务端所需的静态资源，需要放在D:\project路径下，如想更换路径只需将application.yaml的filePath的值改变即可

file.7z的下载路径是https://wwd.lanzouq.com/i64IW07tzd7c

该项目是参考 music-website所作

RhythmFlow

048783d9447274f2d78d59497fe94f8cb4c9c18d