摘 要：经济的飞速攀升和人们对精神文化的不竭追求，又因为高强度工作学习，先下许多人尤其是年轻人因此有极大的精神压力，人们也需要一个精神家园，而在线音乐社区Web应用就能让人舒缓情绪、释放压力。在线音乐社区Web应用的设计与实现就提供了一个让人可以放松的高质量音乐社区。现在web应用的开发都是基于前后端分离的模式，而我采用的则是基于MVVM(Model-View-View-Model)其中的View就是视图DOM,而Model就是vue小组件中的数据模型）的方式来搭建本人的网站。

本文就如何开发在线音乐社区Web应用进行了论述。详细地阐述了在线音乐社区Web应用的网站系统结构、该关于该网站的基础模块设计。Spring这样的一个轻量级的开源的框架是非常实用且容易上手的，能让程序员快速上手，高效开发。SpringBoot则是一个轻量级的微服务框架，它延续了spring的核心思想。由于SpringBoot具有简化Spring应用中的创建、运行轻量级、易于调试、方便部署的诸多优点，使开发者能够专注于Spring应用开发过程。SringBoot还提供了打包依赖的功能，解决了开发者在开发当中遇到的依赖问题。音乐社区网站的开发离不开数据库的支持后台存储数据采用的就是简单便捷的MYSQL。SpringBoot为在线音乐社区Web应用提供开发框架，页面载体使用JSP, Mysql提供后台数据库支持，前端使用vue作为主要框架，构建项目原型以vue-cli脚手架以及webpack的主要框架。

音乐web社区实现了前端用户的账号注册与登录，歌曲的收藏，歌单的创建与删除，歌单添加歌曲与删除歌曲以及歌单介绍等功能；后端的主要功能是对数据库的维护与管理，后端管理员可对用户、歌手、歌单进行增删改等操作。

 

关键词：SpringBoot； VUE； Mysql

 

目 录

摘 要

Abstract

第1章 绪 论 1

1.1课题研究背景与意义 1

1.2国内外发展现状 1

1.2.1国内音乐网站发展现状 1

1.2.2国外音乐网站现状 2

1.3论文结构 3

第2章 系统设计与方法 4

2.1系统架构 4

2.2搭建项目采用的关键技术 5

第3章 系统需求分析 7

3.1 系统开发目标 7

3.2功能需求分析 7

3.2.1用例文档 9

第4章 音乐系统模型设计 15

4.1VUE端模型设计 15

4.2后端服务器模型设计 18

4.2.1实体类 18

4.2.2Controller类 18

4.2.3相关类的处理以及描述 19

第5章 系统详细设计 22

5.1系统流程图 22

5.2数据库设计 23

第六章 系统的实现与测试 26

6.1前端页面的搭建 26

6.2后台服务器的实现 28

6.3系统功能测试 29

第七章 结束语 31

致谢 31

参考文献 33