1项目背景随着计算机技术的发展网络技术对我们生活和工作显得越来越重要特别是现在信息高度发达的今天人们对最新信息的需求和发布迫切的需要及时性。为了满足不同人们对网络需求各种特色各种主题的网站也在不断增加。为了满足音乐爱好者明星崇拜者各种专辑痴迷着的需求一批以音乐为主题的网站也应运而生。由于以往的静态网页存在单调维护任务大缺乏和用户的交互随着计算机软件知识的推广动态网页正在走向普通的网页设计师的生活。本站设计目标就是以SpringBoot和vue为基础框架设计一个以音乐播放动态交互网站用户可以在浏览过程中实现和本站信息的交互。2系统设计2.1 功能权限设计2.2 数据库设计3需求分析音乐网站设计需要两种用户普通用户和系统管理员3.1 用户需求登陆、注册、退出登录、个人中心、我的收藏用户可以点击浏览歌单聆听歌单内的歌曲评论歌单歌手资料浏览歌手歌曲的点击聆听播放页面歌曲评论歌词浏览歌曲收藏播放方式更改歌曲下载音量调节当前播放3.2 管理员需求管理端首页数据统计用户管理歌手管理歌单管理3技术栈后端技术技术说明官网SpringBootWeb应用开发框架https://spring.io/projects/spring-bootSpringSecurity认证和授权框架https://spring.io/projects/spring-securityMyBatisORM框架http://www.mybatis.org/mybatis-3/zh/index.htmlMyBatisGenerator数据层代码生成器http://www.mybatis.org/generator/index.htmlDruid数据库连接池https://github.com/alibaba/druidJWTJWT登录支持https://github.com/jwtk/jjwtLombokJava语言增强库https://github.com/rzwitserloot/lombokPageHelperMyBatis物理分页插件http://git.oschina.net/free/Mybatis_PageHelperSwagger-UIAPI文档生成工具https://github.com/swagger-api/swagger-ui前端技术技术说明官网Vue前端框架https://vuejs.org/Vue-router路由框架https://router.vuejs.org/Vuex全局状态管理框架https://vuex.vuejs.org/Element前端UI框架https://element.eleme.ioAxios前端HTTP框架https://github.com/axios/axiosv-charts基于Echarts的图表框架 有源码 获取源码5用户端页面展示5.1 首页5.2 歌单5.3 歌手5.4 个人中心5.5 音乐收藏5.6 歌曲播放5.7 歌曲搜索6管理端界面展示6.1 数据统计6.2 用户管理6.3 歌手管理歌手歌曲管理歌手歌曲评论管理6.4 歌单管理歌单内容管理歌单评论管理