大家好，我是锋哥，看到一个不错的springboot+vue前后端音乐网系统，分享下哈。

项目预览

前台截图预览

后台截图预览

项目功能

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

技术栈

后端

SpringBoot + MyBatis

前端

Vue3.0 + TypeScript + Vue-Router + Vuex + Axios + ElementPlus + Echarts

开发环境

JDK： jdk-8u141

mysql：mysql-5.7.21-1-macos10.13-x86_64（或者更高版本）

node：v14.17.3

IDE：IntelliJ IDEA 2018、VSCode

开源地址：

GitHub - Yin-Hongwei/music-website: 🎧 Vue + SpringBoot + MyBatis 音乐网站

热门推荐：

我写了一套SpringBoot微信小程序电商全栈就业实战课程，免费分享给CSDN的朋友们_java1234_小锋的博客-CSDN博客大家好，我是你们的锋哥，最近发布了一套免费的Java全栈就业实战课程，逼格略高，专门为Java初学者就业而精心打造。希望你们喜欢！（文末领取）一，Java就业实战课程简介：本套课程采用主流技术栈实现，Mysql数据库，SpringBoot2+Mybatis Plus后端，微信小程序原生实现，Vue3.2+Element Plus实现后台管理。基于JWT技术实现前后端分离。微信小程序端涵盖了axios异步请求，Promise应用，swiper组件，自定义组件，应用了微信小程序提供的登录，支付，地https://blog.csdn.net/caoli201314/article/details/124231153?spm=1001.2014.3001.5501

# spring boot # vue.js # intellij-idea
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Vue里echarts根据页面大小动态调整/自适应

Vue里echarts根据页面大小动态调整/自适应

avatar Vue