• 基于java+SpringBoot+HTML+Mysql音乐网站


     详细功能设计:请点击下面链接查看

    基于java+SpringBoot+HTML+Mysql音乐网站)_哔哩哔哩_bilibili

    源码+论文获取:

    源码+论文获取请私信获取

    目  录

    摘  要

    Abstract

    1 绪论

    1.1 问题描述

    1.2 课题研究背景和现状

    1.3 课题研究目的与意义

    1.4 国内外研究动态

    1.5 相关技术介绍

    2 系统功能需求分析

    2.1概述

    2.1.1业务流程

    2.2 功能性需求

    2.3 非功能性需求

    2.4 运行环境

    3系统总体设计

    3.1软件体系结构设计

    3.2功能架构

    3.3 概念结构设计

    4系统详细设计与实现

    4.1 登陆界面的详细设计

    4.2  用户操作主界面的详细设计

    4.3  详细设计:

    5 系统测试

    5.1 功能测试

    5.2测试方案

    5.3测试结论

    6 总  结

    参考文献

    致 谢

    柳州市“R&B”爱好者音乐平台

    摘  要:互联网和宽带上网的普及,网络传输以其特有的快速、高效、便捷的传输方式越来越被人们接受。在当今社会的影响下,人们因为快节奏的工作和生活产生了极大的压力,这时就需要一个放松的环境去释放这些压力,因此柳州市“R&B”爱好者音乐平台也就应运而生了。与此同时,柳州市“R&B”爱好者音乐平台也为广大音乐爱好者提供了一个音乐交流的平台,借此增加对音乐的了解。

    网络通信技术、多媒体技术及数据存储技术的快速发展,柳州市“R&B”爱好者音乐平台作为一种大众的Web服务,给喜爱音乐的网络用户提供了极大的便利,增添了音乐用户的选择。但有一些音乐网站平台由于各种不同的原因遭到了社会的淘汰,其原因主要集中在页面设计、查询浏览的速度、功能模块等不同方面。因此,为了用户可以方便、快捷、简单、安全地实现音乐搜索去查找自己喜欢的音乐,并能实时地试听音乐、下载音乐、将音乐加入到自己的个性歌单中、点歌并将自己的建议写入到留言板以便网站的完善等,需要建立一个自由、安全的柳州市“R&B”爱好者音乐平台。

    关键词: 音乐;信息管理;HTML5;CSS3;Java

    Liuzhou "R & B" lover music platform

    Abstract:  With the increase of broadband users, music website platform industry is booming. In recent years, the global digital entertainment industry has continued to develop. Network communication with its unique fast, efficient, convenient transmission mode has been accepted by people, more and more into everyone. And under the influence of the current music wave, with the music career gradually towards the peak, music has been everywhere, music has been inseparable with us. The rapid development of global digital entertainment industry, network TV and so on, are full of fierce competition.With the popularization of Internet and broadband Internet access, network transmission is more and more accepted by people with its unique fast, efficient and convenient transmission mode. Under the influence of today's society, people are under great pressure because of the fast-paced work and life. At this time, they need a relaxing environment to

    release these pressures. Therefore, the more original music website platform emerges as The Times require. At the same time, the Yuzuichuang music website platform also provides a platform for music lovers to communicate with each other, thereby increasing their understanding of music.

    The rapid development of network communication technology, multimedia technology and data storage technology, the more original music website platform, as a public Web service, provides great convenience to the network users who love music, and increases the choice of music users. However, some music website platforms have been eliminated by the society due to a variety of different reasons, which mainly focus on page design, query browsing speed, functional modules and other different aspects. Therefore, in order to user could safely achieve convenient, quick, simple, music search to find their favorite music, and can real time listening music, download music, the music added to his own personality in the playlist and eventful and their recommendations written to the message board to the improvement of the website, etc., need to build a free, the security of the original music website platform.

    Key words music;Information management;HTML5;CSS3;Java

    1 绪论

    1.1 问题描述

    互联网和宽带上网的普及,在当今社会的影响下,人们因为快节奏的工作和生活产生了极大的压力,这时就需要一个放松的环境去释放这些压力,因此柳州市“R&B”爱好者音乐平台也就应运而生了。与此同时,柳州市“R&B”爱好者音乐平台也为广大音乐爱好者提供了一个音乐交流的平台,借此增加对音乐的了解。

    柳州市“R&B”爱好者音乐平台作为一种大众的Web服务,给喜爱“R&B”音乐的用户创造了空间。但部分音乐平台出于各种原因遭到了社会的淘汰,其原因集中在设计页面没有跟随时代潮流、搜索速度过于缓慢、功能模块等不同方面。因此,为了用户可以利用第三方工具搜索和查找自己喜欢的音乐,并能实时地聆听音乐、下载音乐、将音乐加入到自己的个性歌单中、点歌并将自己的建议写到留言板等,需要建立一个自由、快捷的音乐网站平台。

    1.2 课题研究背景和现状

    在没有计算机软件和网络通讯技术的前提下喜爱音乐的人听音乐的方式通常是线下购买音乐光盘以及MP3,除了成本高以外,大量的音乐盘占用室内空间,音乐种类等都收到极大地限制。而柳州市“R&B”爱好者音乐平台则有效的解决了这一系列的问题,使音乐可以线上收听以及下载,效率大大提升,同时也可以保证音乐的质量以及种类,大大的节省了大家线下去购买音乐光盘的时间,并将音乐普及到了每一个人。

    1.3 课题研究目的与意义

    网络通信技术、多媒体技术及数据存储技术的快速发展,柳州市“R&B”爱好者音乐平台作为一种大众的Web服务,给喜爱音乐的网络用户提供了极大的便利,增添了音乐用户的选择。但有一些柳州市“R&B”爱好者音乐平台由于各种不同的原因遭到了社会的淘汰,其原因主要集中在页面设计、查询浏览的速度、功能模块等不同方面。为了用户可以方便、快捷、简单、安全地实现音乐搜索去查找自己喜欢的音乐,并能实时地试听音乐、下载音乐、将音乐加入到自己的个性歌单中、点歌并将自己的建议写入到留言板以便网站的完善等,一个自由、安全的柳州市“R&B”爱好者音乐平台诞生了。

    1.4 国内外研究动态

    随着生活质量的不断提高,大部分人追求在生活上的品质与放松。音乐已成为了大多数人的解压放松工具, 国外以Spotify、Pandora等为代表,订阅付费和广告输出是国外音乐平台的主要盈利手段,这种盈利手段以Spotify为代表;广告输出下,平台通过提高广告转化率,向B端广告主收费获得收入,这种模式以网络电台Pandora为代表。相比于国内各大在线音乐平台“宽松自由”的下载模式,国外可免费使用的音乐平台少之又少(且很多功能受限),但不管怎样,用户在以上音乐平台听歌只享有在线点播和离线使用两个功能。

    国内音乐平台以酷狗音乐、QQ音乐、网易云音乐为代表,其功能和盈利模式差异较小。2014年11月,中国传媒大学和国家音乐产业促进工作委员会联合发布了《2014中国音乐产业发展报告》,根据该报告,2013年中国数字音乐市场规模达到440.7亿元人民币,音乐产业已成为拉动文化产业发展的重要引擎。其中,在线音乐市场规模达到43.6亿元,,2013年到2014年是中国音乐产业发展升级的阶段。国内音乐平台都为用户提供免费的音乐服务和额外的付费增值服务,另外,平台还可以依靠庞大的流量为其他业务导流,如得益于智能手机、移动网(包括移动3G网络、移动4G网络、无线局域网)的普及,以智能手机为代表的移动网络音乐已经成为社会大众获取音乐作品的主要方式,各大音乐平台的整合有利于推动市场发展,为音乐市场的发展打下基础。

    1.5 相关技术介绍

    本音乐平台用Java语言进行开发并基于Spring架构,使用面向对象的思想,mysql作为数据存储,采集信息。以下是本文所用到的重点技术:

    Spring是开源框架,框架的分层架构是最大优势,同时为J2EE应用程序开发提供集成的框架。Spring 是活灵活现且厉害的SpringMVC分离了分派器、模型对象、控制器、以及处理程序对象的角色,这种分离让它们更容易进行定制。

    MyBatis是持久层框架,它支持定制化SQL、存储过程以及高级映射。

    JSP全称Java Server Pages,主要拿来开发动态网页。JSP作为标签在HTML网页插入Java代码。实现Java web的前台用户端界面。

    mybatis作为开放源码的对象关系映射框架,它对JDBC进行对象封装,映射关系把POJO与数据库表联合,它可以自动生成SQL语句。

    thymeaf是用于构建用户界面的渐进式框架。利于与第三方库或既有项目整合,不仅如此与现在流行的工具以及各种品种支持类库结合时,它也能够掌握为复杂的单页应用提供驱动。

    MySQL速度快、体积小、总体拥有成本低。是一个开放的、快速的、多线程的、多用户的数据库服务器。

    2 系统功能需求分析

    2.1概述

    本系统主要有三种角色,外部游客、注册用户、管理员。外部游客只能够访问本系统的主页,用户可以登陆系统,查看音乐详细信息,搜索音乐,音乐的下载,管理员能够对用户进行管理,不良用户的拉黑处理等。管理员还负责音乐的添加、删除、信息的修改等。也可以删除注册过的用户,对柳州市“R&B”爱好者音乐平台进行优化。

    2.1.1业务流程

    管理员发布音乐流程如图2.1所示:

     

    图2.1管理员发布音乐流程图

    2.2 功能性需求

    2.2.1 用例概述

    该图显示了柳州市“R&B”爱好者音乐平台的基本用例,如图2.2所示:

     

    图2.2用例图

    根据该图所示可以得出柳州市“R&B”爱好者音乐平台主要分为二大模块,管理员模块,用户模块。管理员模块包括登陆、管理音乐、管理用户、管理歌单、查看所有信息等用例。用户模块则包括登陆、注册、上传音乐、管理歌单等用例。用例摘要描述如表2.1 2.2所示。

    表2.1管理员用例摘要描述

    表2.2用户用例摘要描述

    2.2.2 用例描述

    对管理员用例进行细化,并给出针对每个管理员用例的细化用例图和用例的详细描述。

    本后台只有内部管理员可以使用:

    (1)登陆用例

    登陆用例描述如表2.3所示:

    表2.3登陆用例描述表

    用例标识

    0

    用例名称

    管理员登陆用例

    参与者

    管理员

    前置条件

    系统内已存在用户管理员的信息

    后置条件

    输入用户名和密码

    用例概述

    管理员通过此登陆进行登陆网站,首先输入网址,然后通过选择自己的身份进行系统登录验证,并检查自己的身份是否正确。

    基本事件流

    点击管理员登录

    系统根据管理员登陆按钮跳转到管理员登陆页面

    管理员输入用户名和密码,点击登陆按钮

    系统验证信息的有效性

    系统根据用户名和密码验证管理员身份的合法并审核通过

    系统显示开放管理员的用户平台子系统的主界面及用户名

    备选事件流

    1a.跳转到管理员登录页面

    2a.系统根据经理登陆按钮跳转到经理登陆页面

    4a.系统验证输入信息发现问题,包括用户名或密码为空等。系统提示此信息“用户名密码不正确”

    备注

    (2)管理音乐

    管理音乐用例细化用例图如图2.3所示:

     

    图2.3 管理音乐用例细化用例图

    管理音乐用例描述如表2.4至2.6所示:

    表2.4管理音乐用例描述表

    用例标识

    1.0

    用例名称

    管理音乐

    参与者

    管理员

    前置条件

    管理员已成功登陆

    后置条件

    输入添加音乐信息

    用例概述

    管理员可以添加音乐

    基本事件流

    点击音乐综合管理按钮,选择音乐按钮

    系统跳转到音乐页面

    点击添加音乐按钮

    输入所要发布音乐的名称、音乐时长、所属艺人、所属专辑、音乐文件、音乐封面图后点击添加按钮

    系统检查输入信息的有效性

    系统按照规则生成音乐ID

    系统将添加的音乐保存到音乐列表中

    系统界面则显示添加音乐成功的信息

    备选事件流

    4a.输入信息时标题或内容为空,则提示管理员此信息“请输入该字段”

    备注

    表2.5修改音乐用例描述表

    用例标识

    1.0

    用例名称

    修改音乐用例

    参与者

    管理员

    前置条件

    管理员已成功登陆

    后置条件

    输入修改音乐信息

    用例概述

    管理员可以修改发布过的音乐

    基本事件流

    点击音乐综合管理按钮,选择音乐列表按钮

    系统从数据库中提取所有的音乐信息,显示在音乐列表页面

    管理员选择任意一个并点击操作按钮中的编辑

    系统会调取到对应音乐的详细信息显示在修改音乐页面

    管理员修改需要修改的音乐信息,点击修改按钮

    系统将修改对应的音乐内容

    备选事件流

    2a.数据库中没有任何的音乐信息,则音乐列表为空

    2b.系统无法从数据库中提取到数据,则显示系统出现问题

    备注

    表2.6删除音乐用例描述表

    用例标识

    1.0

    用例名称

    删除音乐用例

    参与者

    管理员

    前置条件

    管理员已成功登陆

    后置条件

    用例概述

    管理员可以删除发布过的音乐

    基本事件流

    点击音乐设置按钮,选择音乐列表按钮

    系统从数据库中提取所有的音乐信息,显示在音乐列表页

    管理员选择任意一个并点击操作按钮中的删除,点击确定按钮

    备选事件流

    2a.数据库中没有任何的音乐信息,则音乐列表为空

    2b.系统无法从数据库中提取到数据,则显示系统出现问题

    备注

    (3)修改个人信息

    修改个人信息用例描述如表2.7至2.8所示:

    表2.7修改个人信息用例描述表

    用例标识

    用例名称

    修改个人信息用例

    参与者

    用户

    前置条件

    用户已成功登陆

    后置条件

    填写需要修改的信息

    用例概述

    用户自己本人可以修改个人信息以及自己的登陆账号的密码。

    基本事件流

    用户点击个人头像,修改信息

    系统调用当前用户的个人信息

    用户填写需要修改的信息,点击保存按钮提交

    系统会修改数据库中的数据

    备选事件流

    备注

    表2.8修改密码用例描述表

    用例标识

    用例名称

    修改密码用例

    参与者

    用户

    前置条件

    用户已成功登陆

    后置条件

    填写新的密码

    用例概述

    用户自己本人可以修改自己的登陆账号的密码。

    基本事件流

    用户点击个人头像,选择修改密码

    系统跳转到修改信息页面

    用户填写新密码,确认密码,点击保存按钮

    系统根据登陆的用户名调取当前用户的原密码与用户输入的原密码进行核对

    系统会对原密码和新密码进行核对

    系统会对新密码和确认密码进行核对

    系统会跳出提示框“修改成功”

    用户点击确认按钮

    备选事件流

    4a.原密码与输入的原密码不一致,则弹出提示框“原密码输入错误”

    5a.输入的原密码与新密码一致,则弹出提示框“原密码与新密码一致”

    6a.新密码和确认密码不一致,则弹出提示框“新密码和确认密码不一致”

    备注

    (4)管理歌单

    添加歌单用例描述如表2.9所示:

    表2.9添加歌单用例描述表

    用例标识

    2.3

    用例名称

    添加歌单用例

    参与者

    用户

    前置条件

    用户登录

    后置条件

    填写歌单信息

    用例概述

    用户可以添加歌单

    基本事件流

    参与者动作

    系统动作

    用户点击添加歌单

    用户填写乐单名、描述和图片,并点击保存

    系统会审核信息的准确性

    系统会把乐单信息添加到对应的数据库表中

    我创建的歌单中会显示新增的乐单

    44a.如果信息审核不对,系统会在页面上显示“请重新填写此处”

    备注

    2.3 非功能性需求

    根据系统需求分析,归纳出本系统预期需实现的非功能性需求如下表2.10所示。

    表2.10 非功能性需求列表

    分类

    非功能需求

    正确性

    保证网站的样式完好;跳转/链接等功能正常使用。

    健壮性

    系统可应用在不同平台上,可移植性高。

    可靠性

    非外力条件,不允许出现系统异常退出或崩溃。

    高效性

    网站提供敏捷的访问速度体验和查找信息的便捷度。

    易用性

    网站清晰易懂,操作方便;用户可以根据明确提示信息自行操作。

    友好性

    网站设计美观大方与用户交互友好;无垃圾广告或其他不良信息。

    可扩展性

    可在当前需求基础之上进行功能上的扩展。

    兼容性

    网站可兼容在大多数主流浏览器;并支持兼容低版本的IE浏览器。

    2.4 运行环境

    本软件系统运行所需的硬件环境如下:

    (1)主机类型

    CPU:1核,内存:2GB,带宽:1Mbps

    (2)网络类型

    本系统采用的网络类型是以太网

    (3)网络拓扑图

    网络拓扑图如图2.4所示:

    图2.4网络拓扑图


    3系统总体设计

    3.1软件体系结构设计

    3.1.1 功能结构

    根据需求调研结果确定本系统主要包括以下几个功能模块,分为管理员模块和用户模块,管理员后台功能包括管理音乐、管理歌单、管理用户等,用户功能模块主要实现对专辑的增加、删除、查询、修改等操作,也可以对个人信息进行修改,并实现上传歌曲等操作,如图3.1所示:

     

    图3.1功能结构图

    3.2功能架构 

    本系统的架构图如下图3.2所示。

     

    图 3.2 系统架构图

    3.3 概念结构设计

    3.3.1 E-R图

    本系统的E-R图,如图3.3所示:

    该E-R图,记录了用户、音乐、留言、收藏等所有属性。管理员可以对音乐等信息进行管理,用户可以查看音乐以及留言等操作。

     

    图3.3 E-R图

    表3.1 E-R的总体描述

    users

    用户表

    music

    音乐表

    liuyan

    留言表

    collec

    收藏表

    Singer

    歌手表

    3.3.2 表的详细设计

    通过对领域模型,业务对象以及对象间关联的分析,对本数据系统的数据库表进行了设计。本系统数据库管理采用MySQL,数据库中包括五张表,分别为music音乐表、musers用户表、liuyan留言表、collec收藏表、singer歌手表。详情请见下面的数据库表。

    (1)音乐表(music)

    音乐表:本表用于保存歌曲的基本信息,主要字段包括:歌曲编号、歌曲名称、歌曲时长、首图全称、文件全称。表结构如表3.2所示。

    表3.2  music音乐表

    列名

    数据类型

    长度

    是否主键

    说明

    m_id

    int

    11

    歌曲编号

    m_name

    varchar

    255

    歌曲名称

    m_time

    varchar

    255

    歌曲时长

    m_pic

    varchar

    255

    首图全称

    m_add

    varchar

    255

    文件全称

    (2)用户表(users)

    用户表:本表用于保存用户的基本信息,主要字段包括:用户编号、用户昵称、用户密码、用户状态、用户账号、用户图像。表结构如表3.3所示。

    表3.3  users用户表

    列名

    数据类型

    长度

    是否主键

    说明

    mu_id

    int

    11

    用户编号

    mu_acct

    varchar

    255

    用户昵称

    mu_pass

    varchar

    255

    用户密码

    mu_type

    int

    11

    用户状态

    mu_name

    varchar

    255

    用户账号

    mu_pic

    varchar

    255

    用户头像

    1. 留言表(liuyan)

    留言表:表结构如表3.4所示。

    表3.4  liuyan留言表

    列名

    数据类型

    长度

    是否主键

    说明

    ml_id

    int

    11

    编号

    ml_name

    varchar

    255

    用户昵称

    ml_bt

    varchar

    255

    留言标题

    ml_nr

    varchar

    255

    留言内容

    1. 收藏表(collec)

    收藏表:表结构如表3.5所示。

    表3.5  collec音乐列表

    列名

    数据类型

    长度

    是否主键

    说明

    id

    int

    11

    编号

    name

    varchar

    255

    用户昵称

    sj

    varchar

    255

    收藏时间

    mc

    varchar

    255

    歌曲名称

    gsmc

    varchar

    255

    歌手名称

    1. 歌手表(singer)

    歌手表:表结构如表3.5所示。

    表3.5  singer音乐列表

    列名

    数据类型

    长度

    是否主键

    说明

    id

    int

    11

    编号

    name

    varchar

    255

    歌手名称

    4系统详细设计与实现

    前面本系统使用的三层架构,本系统平台的详细设计分为系统的表示层详细设计、服务层详细设计、数据库持久化层的详细设计

    4.1 登陆界面的详细设计

        用户登录界面是用户看到平台的第一个界面login.jsp打开谷歌浏览器,输入平台地址进登录页面,分配的用户可以通过登录页面登录系统进行相关的操作。即输入用户名和密码,点击登录,即可进入音乐平台。

    图4.1 系统登录界面效果图

    4.2  用户操作主界面的详细设计

    系统操作主界面adminIndex.jsp的界面布局是通过div 层加上easy ui  的layout 组件来布局

     

     

    图4.2 用户端整体效果图

    详细功能设计:请点击下面链接查看

    基于java+SpringBoot+HTML+Mysql音乐网站)_哔哩哔哩_bilibili

    源码+论文获取:

    源码+论文获取请私信获取

  • 相关阅读:
    想要精通算法和SQL的成长之路 - N皇后问题
    网络规划设计师之OSI七层模型之数据链路层
    [答疑]微信餐馆案例中,“启动二维码对应的程序”这个用例合理吗
    JavaScript 数值 Number
    优化 - 不要在for循环中调用数据库
    C#毕业设计——基于MD5+RSA的数字签名设计与实现(毕业论文+程序源码)——数字签名系统
    力扣:15-三数之和
    mmcls多标签分类实战(三):多标签分类指标
    不破楼兰终不还——Go 延迟语句defer指南
    【剑指offer48:字符串的排列(下一次排列的进阶版本)】
  • 原文地址:https://blog.csdn.net/zag1069464798/article/details/126355924