首页 > 编程语言 >[附源码]在线音乐系统+SpringBoot+Vue前后端分离

[附源码]在线音乐系统+SpringBoot+Vue前后端分离

时间:2024-09-26 23:14:17浏览次数:6  
标签:npm Vue SpringBoot nodejs hadluo 源码 music https

今天带来一款优秀的项目:在线音乐系统源码 。 系统采用的流行的前后端分离结构,内含功能包括 "管理后台",“用户端”,“评论系统”,“歌手,歌曲管理”,“用户系统”,"统计" 等功能。

如果您有任何问题,也请联系小编,小编是经验丰富的程序员!

一. 系统演示视频

 https://githubs.xyz/show/271.mp4   后端代码结构  

二. 系统功能概述

  • 管理平台+用户端
  • 登陆注册
  • 用户管理
  • 歌手管理
  • 歌曲管理
  • 歌单管理
  • 用户评论
  • 用户收藏
  • 系统统计
  • 搜索

三. 技术栈

前端技术栈

  • Vue+Axios+Element UI

后端技术栈

  • SpringBoot+SpringMVC+MyBatis
  • MySQL8.0
  • JDK8

四. 源码获取

https://gitee.com/lz-code/hadluo-music.git

五. 部署项目

安装mysql8.0,然后新建数据库"hadluo-blog" ,然后导入hadluo-music.sql文件。

打开idea,导入maven后端项目,然后等待包下载完毕。

修改数据库信息为你数据库信息,信息在 application.yml里面

在磁盘新建一个上传图片的存储路径,比如我新建的D://ftp

新建音乐时需要图片和歌曲,这个资源就上传到D://ftp下面了,配置路径在:

然后启动 com.hadluo.music.App主类 ,出现启动成功。

没有成功的,请联系小编。到此我们后端项目部署完成。下面开始部署前端。

安装nodejs, 版本为:v20.17.0, 版本必须为这个,否则可能会出现问题。到下面这个官网上下载nodejs

https://nodejs.org/zh-cn/download/prebuilt-installer​nodejs.org/zh-cn/download/prebuilt-installer

找到 v20.17.0版本,下载后直接安装就行了。

nodejs安装完成后,进入到 "hadluo-music-h5-admin" 前端目录

路径输入cmd ,回车

打开了cmd窗口,输入下面命令设置npm下载镜像

npm config set registry https://registry.npmmirror.com

执行安装依赖

npm install

运行

set NODE_OPTIONS=--openssl-legacy-provider  
npm run dev

 

同理用户端"hadluo-music-h5"也是这样运行。

标签:npm,Vue,SpringBoot,nodejs,hadluo,源码,music,https
From: https://www.cnblogs.com/java-bigdata/p/18434731

相关文章

  • springboot+vue青年大学习数据分析系统的设计与实现5ek29
    目录功能和技术介绍系统实现截图开发核心技术介绍:使用说明开发步骤编译运行需求分析系统设计软件测试核心代码部分展示详细视频演示源码获取功能和技术介绍本项目包含程序源码和MySql脚本和文档,idea开发,支持Eclipse。对项目进行分阶段,分模块的开发,对项目进行黑盒......
  • 基于Node.js+vue基于java的校园疫情管理系统(开题+程序+论文) 计算机毕业设计
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容研究背景近年来,全球范围内频繁爆发的疫情事件对教育领域产生了深远影响,特别是在校园环境中,如何有效防控疫情、保障师生健康安全成为了亟待解决的问题。传统的校园管......
  • 基于Node.js+vue基于springboot的模拟面试平台7tch0(开题+程序+论文) 计算机毕业设计
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容研究背景随着信息技术的飞速发展和互联网应用的广泛普及,传统的招聘模式正逐步向数字化、智能化转型。面试作为招聘流程中的关键环节,其效率与效果直接影响到企业的人......
  • 基于Node.js+vue在线考试系统(开题+程序+论文) 计算机毕业设计
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容研究背景随着互联网技术的迅猛发展和普及,教育领域正经历着深刻的变革。传统考试模式受限于时间、地点和资源的限制,已难以满足现代教育的多元化需求。在线考试系统作......
  • vue 的v-bind和v-model
    1.vue中存在很多绑定的操作,常见的操作为:2.这次主要学习v-bind,v-model.v-bind,用来绑定标签,v-model用来绑定表单.使用message来绑定了一个图片作为效果图.同时使用url来绑定input的txt输入,并且将url和超链接的href链接达到可以跳转网页的效果点击说走就走:修改链接,......
  • 前端使用webpack本地实现编译时出现错误[cached] 1 asset ERROR in main Module not
    一:概述Webpack是一个现代JavaScript应用程序的静态模块打包工具。它主要用于将JavaScript代码、CSS、图片等资源模块化管理,并最终打包成一个或多个文件,方便在浏览器中使用。以下是对Webpack的详细介绍:主要特点模块化:Webpack支持ES6模块、CommonJS和AMD模块,能够将各种......
  • Java毕业设计-基于SSM框架的超市会员(积分)管理系统项目实战(附源码+论文)
    大家好!我是岛上程序猿,感谢您阅读本文,欢迎一键三连哦。......
  • vue tsx功能测试,包含v-model 实现,slot实现,数据响应注意点
    child.tsximport{defineComponent}from'vue';//响应式数据需要放在函数外面,或者放在setup里面constdata1=ref(123);functionmyComponent(){constdata2=ref(34);//在这里定义ref无法响应式functiondata2ClickHanlder(){data2.valu......
  • 如何打造Java SpringBoot民宿山庄农家乐系统?2025最新毕业设计攻略
    ✍✍计算机毕业编程指导师**⭐⭐个人介绍:自己非常喜欢研究技术问题!专业做Java、Python、小程序、安卓、大数据、爬虫、Golang、大屏等实战项目。⛽⛽实战项目:有源码或者技术上的问题欢迎在评论区一起讨论交流!⚡⚡Java、Python、小程序、大数据实战项目集⚡⚡文末获取......
  • 如何打造流浪天使乐园管理系统?Java SpringBoot+Vue技术解析
    ✍✍计算机毕业编程指导师**⭐⭐个人介绍:自己非常喜欢研究技术问题!专业做Java、Python、小程序、安卓、大数据、爬虫、Golang、大屏等实战项目。⛽⛽实战项目:有源码或者技术上的问题欢迎在评论区一起讨论交流!⚡⚡Java、Python、小程序、大数据实战项目集⚡⚡文末获取......