摘 要

本文设计了一种基于Java的音乐分享网站，系统为人们提供了方便快捷、即用即搜的音乐搜索播放服务，包括首页、音乐分享、音乐榜单、音乐资讯、后台管理功能等，用户不仅能够方便快捷地查看资讯、还能搜索自己喜爱的音乐歌曲进行播放等。音乐分享网站采取面对对象的开发模式进行软件的开发和硬体的架设，能很好的满足实际使用的需求，完善了对应的软体架设以及程序编码的工作，采取MySQL作为后台数据的主要存储单元，采用SSM框架、JSP技术、JAVA脚本语言、Ajax技术进行业务系统的编码及其开发，实现了网站内的全部功能。本次报告，首先分析了研究的背景、作用、意义，为研究工作的合理性打下了基础。

关键词：音乐分享网站；SSM框架；MySQL数据库

SSM Java based music sharing website

Abstract

This article designs a Java based music sharing website. The system provides people with a convenient, quick, and easy-to-use music search and playback service, including home page, music sharing, music lists, music information, and background management functions. Users can not only easily and quickly view information, but also search for their favorite music songs to play. The music sharing website adopts an object-oriented development model for software development and hardware installation, which can effectively meet practical usage needs. It has improved the corresponding software installation and program coding work, and adopts MySQL as the main storage unit for backend data. It uses SSM framework, JSP technology, JAVA script language, and Ajax technology for business system coding and development, achieving all functions within the website. This report first analyzes the background, role, and significance of the research, laying a foundation for the rationality of the research work.

Key words:Music sharing website; SSM framework; MySQL database

目  录

第1章 绪论

1.1 研究背景与意义

1.2 研究现状

1.3 系统优点

1.4 论文组成结构

第2章 相关技术介绍

2.1 开发技术

2.2 MVVM模式

2.3 SQLserver数据库

2.4 B/S结构

2.5 SSM框架

2.6 ssm框架各层关系

2.7 B/S体系工作原理

2.7 JavaScript 运行模式

第3章 系统分析

3.1 可行性分析

3.2 功能需求分析

3.2.1 前台用户功能

3.2.2 后台管理员功能

3.3 非功能需求分析

3.4 安全性需求分析

3.4.1 系统的安全性

3.4.2 数据的安全性

3.5 数据流程分析

第4章 系统设计

4.1 系统架构设计

4.2 系统总体设计

4.3 系统功能设计

4.4 数据库设计

4.4.1 数据需求分析

4.4.2 数据库概念设计

4.4.3 数据库表设计

第5章 系统实现

5.1 注册模块的实现

5.2 登录模块的实现

5.3 用户资料修改模块的实现

5.4 音乐分享管理模块的实现

5.5 音乐榜单模块的实现

5.6 用户评论管理模块的实现

第6章 系统测试

6.1 测试目的

6.2 功能测试

6.3 性能测试

第7章 总结与展望

参考文献

致谢

第1章 绪论

1.1 研究背景与意义

随着Internet 的快速发展，人们已经进入了信息时代，Web已经对商业、工业、银行、财政、教育、政府、娱乐和信息产业及人们的工作、生活产生了深远的影响。许多传统的信息和数据库系统正在被移植到互联网上，人们获得信息的来源已经不再只是报纸、电视、广播等传统媒体，一个新的信息传送媒体逐渐被人们所青睐。范围广泛的，复杂的分布式应用正在Web环境中出现。音乐分享网站作为一个新时代传媒的产物，早已超过了国界，使听音乐变的如此便捷，它摒弃了传统听音乐媒体的不足，正在快速向前发展。

随着网络时代的到来，互联网的优势和普及时刻影响并改变着人们的生活方式。在信息技术迅速发展的今天，计算机技术已经遍及全球，使社会发生了巨大的变革。网络技术对我们生活和工作显得月来越重要，特别是现在信息高度发达的今天，人们对最新信息的需求和发布迫切的需要及时性。而动态交互式网页刚好提供了这些功能，本系统就是一个能够在网上实现音乐交互的网站，主要是为了能够满足那些满足了音乐爱好者，明星崇拜者，各种专辑痴迷着的需求，于以往的静态网站比较，我们现在开发的这个以ssm为基础的动态音乐网站，具有更好管理，发布信息更快，更便捷，用户和网站架设者能够更好的沟通。

1.2 研究现状

随着国内经济形势的不断发展，中国互联网进入了一个难得的高峰发展时期，这使得中外资本家纷纷转向互联网市场。然而，许多管理领域的不合理结构，人员不足以及管理需求的增加使得更多的人具备了互联网管理的意识。

在当今高度发达的信息中，信息管理改革已成为一种更加广泛和全面的趋势。音乐分享网站是基于Mysql数据库，在网站设计的基础上实现的。同时，随着信息社会的快速发展，音乐分享网站网站面临着越来越多的信息，因此很难获得他们对高效信息的需求，如何使用方便快捷的方式使查询者在广阔的音乐分享网站信息中查询，存储，管理和共享信息方面有效，对我们的学习，工作和生活具有重要的现实意义。因此，国内外学术界对此进行了深入而广泛的研究。

1.3 系统优点

网站的开发框架实现了简单高效的开发方式，整体的系统框架由逻辑层、视图层两部分组成。逻辑层使用Java语言描述，视图层使用Wxml 语言和 Wxss 语言描述。逻辑层与视图层可以进行数据、事件的通信。响应的数据绑定系统是网站的框架核心，数据和视图可以保持同步的更新。框架管理整个网站的页面路由，每个页面有完整的生命周期，页面之间可以切换。

1.4 论文组成结构

根据市场调研得到的信息数据，结合国内外前沿研究，利用相关系统开发和设计方法，最终设计出音乐分享网站。

本文共有七章，如下所示。

第一章概述了音乐分享网站的研究目的和意义，最后给出了论文的组成结构。

第二章简要概述了本文所用的开发技术和工具。

第三章简要对系统各业务流程进行需求分析、可行性分析。

第四章对音乐分享网站进行设计。

第五章对音乐分享网站进行实现，并贴出相关页面截图，语言描述出具体功能实现的操作方法。

第六章对音乐分享网站采用测试用例的方式来对一些主要功能模块测试，最后得出测试结果。

第七章总结全文并对未来的研究做出展望。

第2章 相关技术介绍

2.1 开发技术

本系统前端部分基于MVVM模式进行开发，采用B/S模式，后端部分基于Java的ssm框架进行开发。

前端部分：前端框架采用了比较流行的渐进式JavaScript框架Vue.js。使用Vue-Router和Vuex实现动态路由和全局状态管理,Ajax实现前后端通信，Element UI组件库使页面快速成型，项目前端通过栅格布局实现响应式，可适应PC端、平板端、手机端等不同屏幕大小尺寸的完美布局展示。

后端部分：采用ssm作为开发框架，同时集成MyBatis、Redis等相关技术

2.2 MVVM模式

MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化，让我们将视图 UI 和业务逻辑分开。当然这些事 ViewModel 已经帮我们做了，它可以取出 Model 的数据同时帮忙处理 View 中由于需要展示内容而涉及的业务逻辑。微软的WPF带来了新的技术体验，如Silverlight、音频、视频、3D、动画……，这导致了软件UI层更加细节化、可定制化。同时，在技术层面，WPF也带来了 诸如Binding、Dependency Property、Routed Events、Command、DataTemplate、ControlTemplate等新特性。MVVM（Model-View-ViewModel）框架的由来便是MVP（Model-View-Presenter）模式与WPF结合的应用方式时发展演变过来的一种新型架构框架。它立足于原有MVP框架并且把WPF的新特性糅合进去，以应对客户日益复杂的需求变化。

2.3 SQLserver数据库

科技的进步，给日常带来许多便利：宿舍的投影器用到了虚拟成像技术，数码相机用到了光电检测技术，比如超市货物进出库的记录需要一个信息仓库。这个信息仓库就是数据库，而这次的学生后勤保障系统也需要这项技术的支持，SQlserver数据库的优点如下：

(1)高性能设计,可充分利用WindowsNT的优势。

(2)系统管理先进,支持Windows图形化管理具,支持本地和远程的系统管理和配置。

(3)强壮的事务处理功能，采各种方法保证数据的完整性。

(4)支持对称多处理器结构、存储过程、ODBC, 犋有自主的SQL语言。SQL Serverl以其内置的数据复制功能、强大的管理工具与Internet的紧密集成和开放的系统结构为广大的用户、开发人员和系统集成商提供了一个出众的数据库平台。

2.4 B/S结构

B/S（Browser/Server）比前身架构更为省事的架构。它借助Web server完成数据的传递交流。只需要下载浏览器作为客户端，那么工作就达到“瘦身”效果， 不需要考虑不停装软件的问题。

2.5 SSM框架

SSM即SpringMVVM+Spring+MySQL，这三个框架有各自最独有的优势，那么将它们组合在一起能够碰撞出很强的火花。设计者在不需消耗大量功夫，能做出Web应用程序，而且这个程序还具有层次清晰、升级更新操作不影响正常使用的、允许多次使用的特点。这个复合框架形成一个有着结构完整、功能强大和结构良好的体系：SpringMVVM使各板块分离，Spring使开发更灵活方便，让开发者直接对对象进行操纵，各层次分工明细，并实现各个层次间的解耦，让代码更加的灵活精简。这个框架使程序员能够规避在开发时期避免个别错误导致整体被破坏，也能在后期应对客户对产品提出的新需求。

2.6 ssm框架各层关系：

DAO层、Service层这两个层次都可以单独开发，互相的耦合度很低，完全可以独立进行，这样的一种模式在开发大项目的过程中尤其有优势。

Controller，View层因为耦合度比较高，因而要结合在一起开发，但是也可以看作一个整体独立于前两个层进行开发。这样，在层与层之前只需要知道接口的定义，调用接口即可完成所需要的逻辑单元应用，一切显得非常清晰简单。

2.7 B/S体系工作原理：

B/S架构采取浏览器请求，服务器响应的工作模式。

用户可以通过浏览器去访问Internet上由Web服务器产生的文本、数据、图片、动画、视频点播和声音等信息；

而每一个Web服务器又可以通过各种方式与数据库服务器连接，大量的数据实际存放在数据库服务器中；

从Web服务器上下载程序到本地来执行，在下载过程中若遇到与数据库有关的指令，由Web服务器交给数据库服务器来解释执行，并返回给Web服务器，Web服务器又返回给用户。在这种结构中，将许许多多的网连接到一块，形成一个巨大的网，即全球网。而各个企业可以在此结构的基础上建立自己的Internet。

在 B/S 模式中，用户是通过浏览器针对许多分布于网络上的服务器进行请求访问的，浏览器的请求通过服务器进行处理，并将处理结果以及相应的信息返回给浏览器，其他的数据加工、请求全部都是由Web Server完成的。通过该框架结构以及植入于操作系统内部的浏览器，该结构已经成为了当今软件应用的主流结构模式。

2.8 JavaScript 运行模式：

JavaScript是一种属于网络的高级脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

1.8.1是一种解释性脚本语言（代码不进行预编译）。

1.8.2主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。

1.8.3可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。

1.8.4跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）。

1.8.5 JavaScript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。JavaScript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理。

第3章 系统分析

3.1 可行性分析

开发任何一个系统，都要对其可行性进行分析，对其时间和资源上的限制进行考虑，这样可以减少系统开发的风险。同时，分析之后不仅能够合理的运用人力，还能在各方面资源的消耗上得到节省。下面就对技术、经济和社会三个方面来介绍。

实用性方面，本次设计的主要任务是在音乐分享网站里实现音乐资讯、音乐分享、音乐榜单、评论管理等功能模块，符合当前潮流的发展。从用户角度出发，同时也考虑系统运营成本和人力资源，采用网络上的便捷方式，实现线上业务，使得业务流程更系统，也更方便用户的体验，比较实用。

经济性方面，由于本课题中设计的音乐分享网站的主要目的是为了能够更加方便及快捷的进行歌曲的搜索及播放服务，也就是能够可以直接投入使用的信息化软件。系统的主要成本主要是集中在对使用数据后期继续维护及其管理更新这个操作上。但是一旦系统投入到实际的运行及使用之后就能够很好的提高信息查询检索的效率，同时也需要有效的保证查询者的信息方面的安全性，同时这个音乐分享所带来的实际应用方面的价值是远远的超过了实际系统进行开发与维护方面的成本，因此，从经济上来说开发这个软件是可行的。

3.2 功能需求分析

音乐分享网站的功能主要分为前台用户根据自己的需求进行注册登录，对音乐分享、音乐榜单、音乐资讯进行浏览。后台系统管理员主要对注册用户，资讯数据，音乐分类、音乐分享、音乐榜单等详细信息进行管理。

用户用例图如下所示。

图3-1 用户用例图

管理员用例图如下所示。

                        

图3-2 管理员用例图

3.2.1 前台用户功能

前台注册用户的功能如下：

注册登录：用户填写个人信息，并验证手机号码进行账户注册，注册成功后方可登录系统。

首页：用户可以浏览轮播图、查看音乐分享推荐。

音乐分享：用户可以浏览各类音乐分享，查看音乐的详情信息并可进行在线评论。同时用户可以分享上传音乐。其他用户可在线播放其分享的音乐。

音乐榜单：用户可以播放各类音乐榜单歌曲。

音乐资讯：用户可以在线查看音乐资讯信息等。

个人中心：用户可以修改个人资料与用户密码。

3.2.2后台管理员功能

管理员功能如下：

修改密码：管理员可以随时修改自己进入系统的登录密码，以保证系统的安全性。

用户管理：对注册的用户信息进行维护管理等。

音乐分类管理：对音乐进行新增或删除分类。

音乐分享管理：对用户分享的音乐进行维护管理。

音乐榜单管理：管理员可以上传榜单音乐和对音乐榜单的管理。

系统管理：包括轮播图的管理和新闻资讯的发布、删除等管理

3.3 非功能需求分析

首先主要考虑的是系统功能软件，在具体设计的环节上，是不是能够较好的满足各类用户的基本功能需求，如果不能较好的满足用户需求，那么这个系统的存在是没有价值的。软件系统的非功能性求分析，从7个方面展开，一个是性能分析，针对系统；一个是安全分析，针对系统，一个是完整度分析，针对系统，一个是可维护分析，针对系统，一个是可扩展性分析，针对系统，一个是适应业务的性能分析。面对音乐分享网站存在的性能、安全、扩展、完整度等7个方面性能综合比对分析后发现，需要相应的非功能性需求分析。

3.4 安全性需求分析

3.4.1 系统的安全性

安全性对每一个系统来说都是非常重要的。安全性很好的系统可以保护企业的信息和用户的信息不被窃取。提高系统的安全性不仅是对用户的负责。尤其针对于乐播放小程序来说，必须要有很好的安全性来保障整个系统。

系统具有对使用者有权限控制，针对角色的不通限制使用者的权限，以此来确保系统的安全性。

3.4.2 数据的安全性

数据库中的数据是从外界输入的，当数据的输入时，由于种种原因，输入的数据会无效，或者是脏数据。因此，怎样保证输入的数据符合规定，成为了数据库系统，尤其是多用户的关系数据库系统首要关注的问题。

因此，在写入数据库时，要保证数据完整性、正确性和一致性。

3.5 数据流程分析

对系统的数据流进行分析，系统的使用者分为二类，一般用户，管理员。系统主要对界面信息传送，登录信息的验证，注册信息的接收，用户各种操作的响应做处理。

系统顶层数据流图如下图所示。

图3-2 顶层数据流图

要判断用户是是什么身份，是根据登录的数据来判断后，跳转到对应的功能界面。在系统的内部用户就可以对数据进行操作，数据库中心就可以接收到系统传输的有效数据流来对数据sql语句进行对应操作。

系统底层数据流图如下图所示。

 图3-3 底层数据流图

系统可以分为前台和后台两部分，每一种操作后系统都返回操作结果。前台和后台的数据连接主要通过数据库，既分别对数据库做不同的操作。

第4章 系统设计

4.1 系统架构设计

音乐分享网站的架构设计主要分为可以3层，主要有Web层，业务层，Model层。其中web层还包括View层和Controller层，Model层包括元数据扩展层和数据访问层。

系统架构如下图所示。

MVVM 就是将其中的View 的状态和行为抽象化，让我们将视图 UI 和业务逻辑分开。当然这些事 ViewModel 已经帮我们做了，它可以取出 Model 的数据同时帮忙处理 View 中由于需要展示内容而涉及的业务逻辑。它强制性的把应用程序的输入、输出和处理全部分开，将其分为三个核心部分，这三个部分分别有不同的功能。

图4-1系统架构图

视图层视图是指被用户所看到的并且能够与之进行交互的界面。视图可以向用户展示相关的数据，并接收用户输入的数据，但对用户数据不进行任何实际业务操作处理。

模型层通过控制层来处理视图层传递的数据，同一个模型可以给不同的视图提供数据，也可以被不同的视图重复使用。由于 Model 的主要内容是数据、方法和行为，其也是 MVVM 中逻辑最为复杂，代码量最多的部分，其中包含了许多应用中需要用到的业务逻辑，因此模型层的开发也变得尤为重要，后期一般不会对模型层进行大规模改动，也是 MVVM最稳定的部分。控制层主要负责视图层和模型层之间的数据传输和处理请求操作。当用户通过视图发送数据和请求时，控制层可以接收请求和数据并决定调用哪些模型、通过模型的哪些操来处理数据和请求，处理完成后，控制层再将数据返回给相应的视图。

4.2 系统总体设计

音乐分享网站总体分为前台用户模块和后台管理员模块。

两个模块表现上是分别独立存在，但是访问的数据库是一样的。每一个模块的功能都是根据先前完成的需求分析，并查阅相关资料后整理制作的。

综上所述，系统功能结构图如下图所示。

图4-2 系统功能结构图

4.3 系统功能设计

登录模块：登录模块是进入系统的入口，所有用户必须登录后才能访问系统。登录需要输入用户名和密码，如果多次尝试登录需要输入验证码。登录时需要选择用户的角色，是一般用户还是管理员登录等。登录成功后，会通过数据库获取用户的权限，并跳转至用户的主页面。

音乐分享模块：可分为浏览、上传、播放维护三个模块，管理员对音乐分享有维护的权限，发布新的音乐分享等。

音乐榜单管理模块：用户可以查看音乐榜单的音乐信息，管理员发布音乐榜单信息操作等。

4.4 数据库设计

4.4.1 数据需求分析

从前面可以分析到数据库中最重要的是音乐资讯，音乐分享，音乐榜单，同时存在资讯浏览和评论功能。分析可以得到如下数据描述：

平台用户：用于记录用户的各种信息，包括姓名、手机、邮箱、照片等数据项。

管理员：记录管理员的登录信息。包括用户名，密码，权限等数据项。

音乐榜单：存放给各类榜单音乐信息数据项。

音乐资讯：存储音乐资讯等数据项。

音乐分享：存储用户的音乐分享信息。

用户评论：管理用户的评论内容等数据项。

4.4.2 数据库概念设计

根据前面的数据流程图，结合系统的功能模块设计，设计出符合系统的各信息实体。

系统ER图如下图所示。

图4-3 系统ER图

4.4.3 数据库表设计

音乐分享网站所拥有的数据表有以下：用户信息表，音乐资讯表，音乐榜单列表，音乐分类表，用户评论表等。

由于数据表较多，只展示系统主要数据表，如下表所示。

表名：token

功能：token表

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
userid	bigint		用户id
username	varchar	100	用户名
tablename	varchar	100	表名
role	varchar	100	角色
token	varchar	200	密码
addtime	timestamp		新增时间		CURRENT_TIMESTAMP
expiratedtime	timestamp		过期时间		CURRENT_TIMESTAMP

表名：storeup

功能：收藏表

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
userid	bigint		用户id
refid	bigint		商品id
tablename	varchar	200	表名
name	varchar	200	名称
picture	longtext	4294967295	图片
type	varchar	200	类型(1:收藏,21:赞,22:踩,31:竞拍参与,41:关注)		1
inteltype	varchar	200	推荐类型
remark	varchar	200	备注

表名：news

功能：音乐资讯

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
title	varchar	200	标题
introduction	longtext	4294967295	简介
picture	longtext	4294967295	图片
content	longtext	4294967295	内容

表名：discussyinlefenxiang

功能：音乐分享评论表

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
refid	bigint		关联表id
userid	bigint		用户id
avatarurl	longtext	4294967295	头像
nickname	varchar	200	用户名
content	longtext	4294967295	评论内容
reply	longtext	4294967295	回复内容

表名：discussyinlebangdan

功能：音乐榜单评论表

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
refid	bigint		关联表id
userid	bigint		用户id
avatarurl	longtext	4294967295	头像
nickname	varchar	200	用户名
content	longtext	4294967295	评论内容
reply	longtext	4294967295	回复内容

表名：config

功能：配置文件

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
name	varchar	100	配置参数名称
value	varchar	100	配置参数值

表名：yonghu

功能：用户

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
yonghuming	varchar	200	用户名
mima	varchar	200	密码
nicheng	varchar	200	昵称
xingbie	varchar	200	性别
shouji	varchar	200	手机

表名：yinlefenxiang

功能：音乐分享

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
songname	varchar	200	歌名
yinlefenlei	varchar	200	音乐分类
fengmiantu	longtext	4294967295	封面图
shizhang	varchar	200	时长
zhuanjimingcheng	varchar	200	专辑名称
geci	longtext	4294967295	歌词
shangchuanshijian	date		上传时间
yonghuming	varchar	200	用户名
nicheng	varchar	200	昵称
songfile	longtext	4294967295	音乐文件
singer	varchar	200	歌手
clicktime	datetime		最近点击时间
clicknum	int		点击次数		0

第5章 系统实现

5.1 注册模块的实现

用户在填写数据的时候必须与注册页面上的验证相匹配否则会注册失败，注册页面的表单验证是通过验证的，用户名的长度必须在6到18之间，邮箱必须带有@符号，密码和密码确认必须相同，你输入的密码，系统会根据你输入密码的强度给出指定的值，电话号码和身份证号码必须要求输入格式与生活相符合，当你前台验证通过的时候你点击注册，表单会将你输入的值通过name值传递给后台并保存到数据库中。

用户注册流程图如下图所示。

图5-1用户注册流程图

用户注册界面如下图所示。

图5-2用户注册界面

5.2 登录模块的实现

主要由两部分组成，登录前的登录界面以及登录后的用户功能界面。登录界面，要求用户输入用户名和密码，当用户名和密码其中一个输入为空时，给出提示“用户名，密码不能为空”。获取用户名和密码后到数据库中查找，如果用户名存在，以及对应的密码正确，则登录成功，否则登录失败。登录失败后给出提示，并把焦点停在文本框中。登录成功后将该次会话的全局变量username设置为用户名。登录成功后进入会员的功能模块，主要有会员基本信息修改，已经发布考试信息管理，发布信息，和退出功能。退出功能是清除全局变量username的值，并跳回到首页。

登录流程图如下图所示。

图5-3登录流程图

用户登录界面如下图所示。

图5-4用户登录界面

5.3 用户资料修改模块的实现

用户登录/注册成功之后可以修改自己的基本信息。修改页面的表单中每一个input的name值都要与实体类中的参数相匹配，在用户点击修改页面的时候，如果改后用户名与数据库里面重复了，页面会提示该用户名已经存在了，否则通过Id来查询用户，并将用户的信息修改为表单提交的数据。用户修改个人中心资料如下图所示

图5-5个人中心修改密码界面

5.4音乐分享管理模块的实现

如果音乐分享的信息需要修改，管理员可以通过查询歌曲名称或者歌手名来查询音乐分享信息，查询音乐分享是通过ajax技术来进行查询的，需要传递歌曲名、歌手等参数然后在返回到该页面中,可以选中要修改或删除的那条信息，如果选中了超过一条数据，页面会挑一个窗口提醒只能选择一条数，如果没有选中数据会挑一个窗口题型必须选择一条数据。当选择确认修改的时候，后台会根据传过来的id到数据库查询，并将结果返回到修改页面中，可以在修改页面中修改刚刚选中的信息当点击确认的时候from表单会将修改的数据提交到后台并保存到数据库中，就是说如果提交的数据库中存在就修改，否则就保存。

音乐分享展示界面如下图所示。

图5-6音乐分享展示界面

5.5 音乐榜单模块的实现

音乐榜单功能需要考虑高并发，防止出现音乐榜单重复、音乐榜单状态显示出错等情况，特对音乐榜单这一共享数据增加锁机制。在乐观锁、悲观锁以及线程锁中，综合考虑性能效率和错误的可接受性选择了乐观锁机制。乐观锁的实现方式是使用版本标识来确定读到的数据与提交时的数据是否一致，提交后修改版本标识，不一致时可以采取丢弃和再次尝试的策略。在数据库音乐资讯表（对应音乐资讯实体）设计中增加了version字段，每次数据提交时（更改音乐资讯状态）会判断version是否匹配，若不匹配停止本次提交，若匹配则提交成功并增加version的值。

音乐榜单功能整体流程：用户浏览音乐榜单信息时，同时会显示音乐榜单的状态，系统会在其显示详细信息的页面时便会判断音乐榜单的状态，若音乐榜单状态为可浏览，则会显示搜索的链接按钮。在用户点击搜索按钮时，会先通过拦截器判断用户是否登录，若未登录，会跳转至登录页面，提示用户先登录，若为登录用户就会跳转至填写信息的页面，填写好信息之后，点击搜索按钮，成功之后显示出音乐资讯。

音乐榜单流程图如下图所示。

图5-7音乐资讯流程图

音乐榜单界面如下图所示。

图5-8音乐资讯界面

5.6 用户评论管理模块的实现

此页面的关键是编写评论信息，包括评论详情等。单击提交按钮以完成信息的添加。

用户评论界面如下图所示。

图5-9用户评论界面

第6章  系统测试

6.1 测试目的

对任何系统而言，测试都是必不可少的环节，测试可以发现系统存在的很多问题，所有的软件上线之前，都应该进行充足的测试之后才能保证上线后不会Bug频发，或者是功能不满足需求等问题的发生。下面分别从单元测试，功能测试和用例测试来对系统进行测试以保证系统的稳定性和可靠性。

6.2 功能测试

下表是用户评论管理功能的测试用例，检测了用户评论管理中对用户评论信息的增加，删除，修改，查询操作是否成功运行。观察系统的响应情况，得出该功能也达到了设计目标，系统运行正确。

前置条件；用户登录系统。

表6-1 用户评论管理的测试用例

功能描述	用于用户评论管理
测试目的	检测用户评论管理时的各种操作的运行情况
测试数据以及操作	预期结果	实际结果
点击添加用户评论，必填项合法输入，点击保存	提示添加成功	与预期结果一致
点击添加用户评论，必填项输入不合法，点击保存	提示必填项不能为空	与预期结果一致
点击修改用户评论，必填项修改为空，点击保存	提示必填项不能为空	与预期结果一致
点击修改用户评论，必填项输入不合法，点击保存	提示必填项不能为空	与预期结果一致
点击删除用户评论，选择用户评论删除	提示删除成功	与预期结果一致
点击搜索用户评论，输入存在的用户评论名	查找出用户评论	与预期结果一致
点击搜索用户评论，输入不存在的用户评论名	不显示用户评论	与预期结果一致

下表是音乐榜单管理功能的测试用例，检测了音乐榜单管理中对音乐榜单信息的增加，删除，修改，查询操作是否成功运行。观察系统的响应情况，得出该功能也达到了设计目标，系统运行正确。

前置条件；用户登录系统。

表6-2 音乐榜单管理的测试用例

功能描述	用于音乐榜单管理
测试目的	检测音乐榜单管理时的各种操作的运行情况
测试数据以及操作	预期结果	实际结果
点击添加音乐榜单，必填项合法输入，点击保存	提示添加成功	与预期结果一致
点击添加音乐榜单，必填项输入不合法，点击保存	提示必填项不能为空	与预期结果一致
点击修改音乐榜单，必填项修改为空，点击保存	提示必填项不能为空	与预期结果一致
点击修改音乐榜单，必填项输入不合法，点击保存	提示必填项不能为空	与预期结果一致
点击删除音乐榜单，选择音乐榜单删除	提示删除成功	与预期结果一致
点击搜索音乐榜单，输入存在的音乐榜单名	查找出音乐榜单	与预期结果一致
点击搜索音乐榜单，输入不存在的音乐榜单名	不显示音乐榜单	与预期结果一致

下表是音乐分享管理功能的测试用例，检测了音乐分享管理中分类列表的操作是否成功运行。观察系统的响应情况，得出该功能也达到了设计目标，系统运行正确。

前置条件；用户登录系统。

表6-3 音乐分享管理的测试用例

功能描述	用于音乐分享管理
测试目的	检测音乐分享管理时各种操作的情况
测试数据以及操作	预期结果	实际结果
未选择分类，点击提交	提示请选择分类	与预期结果一致
未选择列表，点击提交	提示请选择列表	与预期结果一致

6.3 性能测试

使用阿里云PTS（Performance Testing Service）性能测试服务对线上系统进行压力测试。线上服务器环境为：1核心CPU，1G内存，1Mbps公网带宽，Centos7.0操作系统。

压测过程中使用了2台并发机器，每台机器20个用户并发，对系统主页，登录，数据查询和数据维护等模块进行并发访问，测试结果是有40个用户并发时，数据管理相关页面的响应时间甚至达到了7s，通过查看服务器出网流量发现已经达到1381kb/s，可以看出服务器的带宽已经达到峰值，如果系统使用5Mbps的带宽，系统的响应时间和TPS将会大大增加。在整个测试的过程中，CPU的使用率占用仅8%，也提现出带宽瓶颈对系统的影响非常严重。

第7章 总结与展望

随着计算机互联网技术的迅猛发展，各行各业都已经实现采用计算机相关技术对日益放大的数据进行管理。该课题是音乐推荐与分享为核心展开的。本研究针对音乐分享网站的需求建模，数据建模及过程建模分析设计并实现平台研究的过程。给出系统应用架构并分析优劣势，通过功能分解图，系统组件图描述功能需求。设计建立了数据库，给出系统关键数据结构的定义。通过类关系图描述组件间的协作关系，给出各个类的定义方法。通过描述每一个类的字段，属性及方法实现系统的前后端代码。最终给出系统集成整合方法，完成音乐分享网站的设计与实现。系统投入运行时，各功能均运行正常。系统的每个界面的操作符合常规逻辑，对使用者来说操作简单，界面友好。整个系统的各个功能设计合理，体现了人性化。

但是由于自己在系统开发过程中对一些用到的相关知识和技术掌握不够牢固，再加上自身开发经验欠缺，因此系统在有些方面的功能还不够完善，考虑的不够全面，因此整个系统还有待日后逐步完善。