Java毕业设计——vue音乐网站音乐播放器,歌曲管理系统

发布时间:2023年12月20日

1,项目背景

随着计算机技术的发展,网络技术对我们生活和工作显得越来越重要,特别是现在信息高度发达的今天,人们对最新信息的需求和发布迫切的需要及时性。为了满足不同人们对网络需求,各种特色,各种主题的网站也在不断增加。

为了满足音乐爱好者,明星崇拜者,各种专辑痴迷着的需求,一批以音乐为主题的网站也应运而生。

由于以往的静态网页存在单调,维护任务大,缺乏和用户的交互,随着计算机软件知识的推广,动态网页正在走向普通的网页设计师的生活。

本站设计目标就是以SpringBoot和vue为基础框架设计一个以音乐播放动态交互网站,用户可以在浏览过程中,实现和本站信息的交互。

2,需求分析

音乐网站设计需要两种用户,普通用户和系统管理员

用户需求

  1. 登陆、注册、退出登录、个人中心、我的收藏
  2. 用户可以点击浏览歌单,聆听歌单内的歌曲,评论歌单
  3. 歌手资料浏览,歌手歌曲的点击聆听
  4. 播放页面:歌曲评论,歌词浏览,歌曲收藏,播放方式更改,歌曲下载,音量调节,当前播放

管理员需求

  1. 管理端首页数据统计
  2. 用户管理
  3. 歌手管理
  4. 歌单管理

3,技术栈

本系统中技术使用,后端技术涉及到Spring Boot,Spring Security,MyBatis-Plus,MySQL,Redis等,前端技术涉及到Vue.js,Element-UI,ECharts,Axios等。

  • SpringBoot是当前流行的Java EE体系框架,Spring Boot提供了一种新的编程范式,能在小的阻力下开发Spring应用程序,可以更加敏捷地开发Spring应用程序,专注于应用程序的功能,不用在Spring的配置上多花功夫,甚至完全不用配置。Spring Boot遵循约定大于配置的理念,在父子工程理念上极大程度上解决了依赖冲突的问题。
  • Spring Security是Spring家族中的安全框架,Spring Boot对于Spring Security提供了自动化配置方案,可以零配置使用 Spring Security、Spring Security借助过滤器技术对Web应用进行保护,包括认证和授权两个过程。
  • Mybatis-Plus是一个Mybatis(opens new window)的增强工具,在Mybatis的基础上只做增强不做改变,为简化开发。
  • MySQL是目前世界上最流行的开源关系数据库,大多应用于互联网行业。
  • Redis是一个开源的使用ANSI C语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value数据库,并提供多种语言的API。
  • log4j是Apache下的一款开源的日志框架,能够满足我们在项目中对于日志记录的需求。
  • Vue 是一套用于构建用户界面的渐进式框架,与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用,Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。
  • Element-UI 是基于 Vue 实现的一套不依赖业务的 UI 组件库,提供了丰富的 PC 端组件,减少用户对常用组件的封装,降低了开发的难易程度。
  • ECharts是一款基于JavaScript的数据可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。
  • Axios是一个基于promise的HTTP库,类似于jQuery的ajax,用于http请求。可以应用于浏览器端和node.js,既可以用于客户端,也可以用于node.js编写的服务端。

4,系统设计

功能权限设计

在这里插入图片描述

数据库设计

在这里插入图片描述

5,系统展示

用户端界面展示

首页

在这里插入图片描述
在这里插入图片描述

歌单

在这里插入图片描述
在这里插入图片描述

歌手

在这里插入图片描述
在这里插入图片描述

个人中心

在这里插入图片描述

音乐收藏

在这里插入图片描述

歌曲播放

在这里插入图片描述

歌曲搜索

在这里插入图片描述

管理端界面展示

数据统计

在这里插入图片描述

用户管理

在这里插入图片描述
在这里插入图片描述

歌手管理

在这里插入图片描述
歌手歌曲管理
在这里插入图片描述
歌手歌曲评论管理
在这里插入图片描述

歌单管理

在这里插入图片描述
歌单内容管理
在这里插入图片描述
歌单评论管理
在这里插入图片描述

6,获取方式

📣 有源码 获取源码

文章来源:https://blog.csdn.net/m0_46479461/article/details/135086293
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。