基于SpringBoot+MyBatis+Vue的音乐网站

news/2024/5/12 10:57:28/文章来源:https://blog.csdn.net/weixin_44421461/article/details/125713645

点击上方“Java基基”,选择“设为星标”

做积极的人,而不是积极废人!

每天 14:00 更新文章,每天掉亿点点头发...

源码精品专栏

 
  • 原创 | Java 2021 超神之路,很肝~

  • 中文详细注释的开源项目

  • RPC 框架 Dubbo 源码解析

  • 网络应用框架 Netty 源码解析

  • 消息中间件 RocketMQ 源码解析

  • 数据库中间件 Sharding-JDBC 和 MyCAT 源码解析

  • 作业调度中间件 Elastic-Job 源码解析

  • 分布式事务中间件 TCC-Transaction 源码解析

  • Eureka 和 Hystrix 源码解析

  • Java 并发源码

来源:网络

  • 项目说明

  • 项目预览

  • 项目功能

  • 技术栈

  • 开发环境

  • 下载运行

  • 项目源码下载

ce9b9c1b15c95b01e25bd283d1c785ea.jpeg


项目说明

本音乐网站的客户端和管理端使用 Vue 框架来实现,服务端使用 Spring Boot + MyBatis 来实现,数据库使用了 MySQL。

实现思路可以看这里:

https://yin-hongwei.github.io/2019/03/04/music/

项目启动方法看文章末尾~

基于 Spring Boot + MyBatis Plus + Vue & Element 实现的后台管理系统 + 用户小程序,支持 RBAC 动态权限、多租户、数据权限、工作流、三方登录、支付、短信、商城等功能。

项目地址:https://github.com/YunaiV/ruoyi-vue-pro

项目预览

1、前台截图预览

78e3c3562e5c9ebdeecb7f5ba152711d.png414d2e443145f73c3cd8b61cf977e536.pnge9563b94cfafa2cd571f11d1a67fa3ef.pngd6bfcf1272e155e7ff8d2dbb75b25d5f.pngeb98a0a5e7e90cb5246d08fdd60da210.png98707bc9802ba5f7167b07c78602af5a.pngf2af96dcb7c3edba0cfbf6900fe45973.png8f061f594ba52a385b4d712f20095082.png593b26f74d8e8e688de2ad0f466976cb.pngf92751ff9b7aa9da49895d7b1e72960c.pnga87e20a38eae0bdc4ff05369a85dea22.png

2、后台截图预览

e43b4df2764bcb95b54552a9880b71d0.png976e32de6196f2fb9dcb9edcd03d95de.pngd859292afd0e4e5c7cc251f94ff812cb.pngaa55ab789f3f6d34ecb61728f65e26d2.png945119fa0c2945f36df958e06d6874a0.pngeede429cabad75fcedb6eed4393fef43.png

基于微服务的思想,构建在 B2C 电商场景下的项目实战。核心技术栈,是 Spring Boot + Dubbo 。未来,会重构成 Spring Cloud Alibaba 。

项目地址:https://github.com/YunaiV/onemall

项目功能

  • 音乐播放

  • 用户登录注册

  • 用户信息编辑、头像修改

  • 歌曲、歌单搜索

  • 歌单打分

  • 歌单、歌曲评论

  • 歌单列表、歌手列表分页显示

  • 歌词同步显示

  • 音乐收藏、下载、拖动控制、音量控制

  • 后台对用户、歌曲、歌手、歌单信息的管理

技术栈

1、后端

SpringBoot + MyBatis

2、前端

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

下载运行

1、下载项目到本地

git clone git@github.com:Yin-Hongwei/music-website.git# 上面下载慢可以用下面这个
git clone git@gitee.com:Yin-hongwei/music-website.git

2、下载数据库中记录的资源

下载链接 https://pan.quark.cn/s/088e0b8a6957

去下载网站依赖的歌曲及图片,将 data 夹里的文件放到 music-server 文件夹下。

注意:资源整理了一下,按照下面的截图存放。

710c44aeb21f0dd9578475f45132212e.png

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;

4、启动项目

  • 启动管理端:进入 music-server 文件夹,运行下面命令启动服务器

// 方法一
./mvnw spring-boot:run// 方法二
mvn spring-boot:run // 前提装了 maven
  • 启动客户端:进入 music-client 目录,运行下面命令

npm install // 安装依赖npm run serve // 启动前台项目
  • 启动管理端:进入 music-manage 目录,运行下面命令

npm install // 安装依赖npm run serve // 启动后台管理项目

项目源码下载

下载链接:https://pan.quark.cn/s/5613280cf2ba

建议先把下载链接复制到电脑浏览器打开,然后再下载源码,比较方便。



欢迎加入我的知识星球,一起探讨架构,交流源码。加入方式,长按下方二维码噢

a5b389cb6f0a13e2951eab381de8a4e1.png

已在知识星球更新源码解析如下:

855318f8e512fb3ae60cdc84602419af.jpeg

3deda1c4794a4833ed681d8407680399.jpeg

bd576d056ea09cd5e144e0420a45f2f3.jpeg

a7a8aa46f372e10334977f2e328ed2eb.jpeg

最近更新《芋道 SpringBoot 2.X 入门》系列,已经 101 余篇,覆盖了 MyBatis、Redis、MongoDB、ES、分库分表、读写分离、SpringMVC、Webflux、权限、WebSocket、Dubbo、RabbitMQ、RocketMQ、Kafka、性能测试等等内容。

提供近 3W 行代码的 SpringBoot 示例,以及超 6W 行代码的电商微服务项目。

获取方式:点“在看”,关注公众号并回复 666 领取,更多内容陆续奉上。

文章有帮助的话,在看,转发吧。
谢谢支持哟 (*^__^*)

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_754948.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

使用VS2012开发的网站或者webservice在IIS6.0上发布的注意事项

由于新版的VS2012的出现,很多人转而使用VS2012作为开发工具,微软每次新的版本都会新增一些功能,带给我们不少的惊喜,但是在VS2012或者VS2010下开发的网站或者webservice在部署时要注意了,由于VS2010以上版本的.net fra…

流量排名前一千万网站,三分之一使用 WordPress

WordPress 在官博发文,庆祝它在流量排名前一千万网站中的市场占有率达到了三分之一。据 W3Techs 的数据,WordPress 在前一千万网站的市场份额从一年前的 29.9% 上升到了现在的 33.4%。WordPress 表示对此非常自豪。 作为开源内容管理系统的 WordPress&am…

大型网站技术架构(六)网站的伸缩性架构

2019独角兽企业重金招聘Python工程师标准>>> 网站系统的伸缩性架构最重要的技术手段就是使用服务器集群功能,通过不断地向集群中添加服务器来增强整个集群的处理能力。“伸”即网站的规模和服务器的规模总是在不断扩大。 1、网站架构的伸缩性设计 网站的…

30个免费下载高质量精美照片素材的网站(转)

在设计中使用免费的照片素材可以节省大量的时间。网络有有很多分享照片资源的网站,有些是免费的,有些则需要付费,当你在设计中使用网上的照片素材的时候要注意使用协议以免带来麻烦。今天这篇文章向大家推荐30个国外的免费下载高质量精美图片…

html显示日志_seo优化的网站日志分析

网站日志相信这个名词,站长们不知道。大多数站长只知道网站日志的概念,不知道网站日志的分析。其实网站日志的分析也是一个很重要的SEO话题。网站日志应该说每个站长都要懂得分析,这是每个站长必备的技术。要知道网站日志的分析方法&#xff…

php开发小说数据问题,小说类网站开发之创建数据库与建立数据表

php开发后端中最重要的一个环节就是创建数据库与建立数据表,因为他和整个项目都有直接的关系,所以,我们首先建立几个数据表,为后面写程序垫下基础首先我们先去建立数据库文章然后查询数据库这里我们写的是小说站,我就建…

linux c多进程多线程,等待进程 - Linux C进程与多线程入门_Linux编程_Linux公社-Linux系统门户网站...

问题在创建进程这一节内容中,我们看到,消息的输出是父子进程交替输出,且父进程在子进程之前结束。如果要安排父进程在子进程结束之后才结束。可以调用wait函数。函数说明pid_t wait(int * stat_loc)包含的头文件: #include #include 返回值&a…

有哪些网站是django开发的_想要定制开发下单网站需要准备哪些内容?

引言:企业对外推广少不了要有一个形象网站,如果不能通过模板网站满足企业建站需求,大多数情况下是需要定制开发网站的。想要定制开发网站或设计定制网站,都需要准备什么呢?网慧科技小编帮您捋清这4个问题可以避免晕头转…

6页面跳转_SEO优化的高级玩法,半年权重6,日均流量过万!

老老实实做内容,发现竟然抵不过seoer的高级玩法。我只能说给大神跪了。这个玩法是真实可操作的,是一个朋友在请教我一个seo问题的时候,给我发了一个网站,让我分析分析,然后本着钻研的精神,研究了那个网站的…

换服务器影响网站排名,网站更换服务器空间会影响排名吗

做seo的都知道,网站空间不稳定会影响SEO优化的效果,因为会降低搜索引擎对于网站的信任度判断,特别是最近使用香港空间的网站,会经常性遇到网站无法打开,或者打开速度非常慢,为了彻底解决稳定问题&#xff0…

网站服务器接收数据,科学网—TCP服务器接收数据 - 杨杭的博文

1.在pycharm中编写如下服务器端代码import structfrom socket import *#创建套接字s socket(AF_INET, SOCK_STREAM)#绑定端口HOST1********* #需要指定服务器IP地址PORT8080s.bind((,8089)) #绑定的是本机,端口为8089s.listen()#接收客户端的连接client_socket, cl…

64位虚拟机下asm()语法_2.0正式版系统使用宝塔虚拟机建站

本教程适用于树莓派爱好者基地64位系统2.0正式版使用,1.0正式版使用宝塔虚拟机的教程在前面已经发了,请根据自己使用的系统选择相应的教程!本教程教大家使用宝塔虚拟机,大大降低大家在树莓派上面建站的难度!&#xff0…

wordpress是php文件路径,wordpress怎么输出网站文件路径

WordPress获取网站相关文件路径可以通过相关的函数来获取和输出。WordPress中可以通过相关函数获取站点路径、主题文件路径、插件文件路径等。具体输出路径方法如下:站点路径相关函数home_url()返回站点路径,相当于后台设置->常规中的”站点地址(URL)…

nginx访问服务器响应慢_网站访问慢?不要让你的网站输在服务器上

建网站如果把域名看做是地址、那么网站的服务器(空间)就是一套房子,既然是一套房子,那就有很多方面的讲究如:地段、户型、朝向、面积、开发商、物业、配套设施等等。服务器(空间)也是一样,有CPU、内存、带宽、机房、安全维护、服务…

nofollow标签_nofollow标签对于网站优化有什么作用?

nofollow标签对于网站优化有什么作用?我们经常面临站内链接处理问题,因为有些优化价值小的页面会分散网站权重,我们要直接取消掉此链接,就会导致用户体验变差,要保留就会被继续分权,网站排名上升也会慢很多…

linux 查看内核是否转发_Linux 中实用的 4种 shell 脚本查看网站是否正常

linux系统运维过程中,经常会遇到些问题,有时候问题会比较麻烦,此时shell脚本的优势就体现出来,下面我来介绍几种查看网站是否正常的shell脚本。文内含长段代码可复制可往左滑,希望对大家有帮助!其一#!/bin/…

网站刷关键词_正规的首页关键词排名方法是什么?如何收费的?

现在几乎每个企业都是线上线下共同运营的,但是移动互联网的竞争激烈,需要使用有效的手段来 获得更好的运营状态。而关键词优化是目前符合用户及企业的有力工具,用户用关键词来快速找到自己想要的,企业用关键词来获得靠前的排名&am…

seo自动工具_北京seo自动优化

北京seo自动优化优化的核心内容包括:找到适合的推广方式;建立优化的网络品牌;建立出色的技术;合理、专业的推广手段;正确、***的渠道策划。现在,在网络发展的各个阶段,人们都发现网络推广是很有…

网站服务器创建三个组,腾讯云服务器建站教程 – 安全组规则创建和授权云服务器实例 | 老左笔记...

我们大部分网友站长在选择服务器建站的时候,都是直接安装完毕系统就按照WEB环境建站的。但是我们是不是会发现国内的主机商还是比较重视服务器安全的,开始都要强制设置安全组,默认虽然有固定的安全组,但是如果我们用来建站或者业务…

php cms 个人,PHPcms建站系统-个人建站必不可少的工具

关键字描述:建站 工具 必不可少 系统 个人 网站 CMS 管理系统 站长CMS系统已经成为个人站长建站过程中必不可少的工具,现在已经基本看不到多少站长还在靠手工写HTML页面,究其原因无非是因为CMS具有使用简单,维护方便等众多优点。C…