目 录
摘要
1 绪论
1.1研究配景与意义
1.3研究内容
1.4论文布局与章节安排
2 交际型音乐网站分析
2.1 可行性分析
2.2体系流程分析
2.2.1 数据增长流程
2.2.2 数据修改流程
2.2.3 数据删除流程
2.3 体系功能分析
2.3.1 功能性分析
2.3.2 非功能性分析
2.4 体系用例分析
2.5本章小结
3 交际型音乐网站总体设计
3.1 体系架构设计
3.2 体系功能模块设计
3.2.1整体功能模块设计
3.2.2用户模块设计
3.2.3评论管理模块设计
3.2.4交际型音乐资讯模块设计
3.3 数据库设计
3.3.1 数据库概念布局设计
3.3.2 数据库逻辑布局设计
3.4本章小结
4 交际型音乐网站具体设计与实现
4.1用户功能模块
4.1.1 前台首页界面
4.1.2用户登录界面
4.1.3用户注册界面
4.1.4交流论坛界面
4.1.5 密码修改界面
4.1.6音乐资讯界面
4.1.7公告通知界面
4.2管理员功能模块
4.2.1登录界面
4.2.2歌曲信息管理界面
4.2.3公告通知管理界面
4.2.4资源管理界面
5体系测试
5.1体系测试的目的
5.2 体系测试用例
5.3 体系测试效果
结论
参考文献
致 谢
摘要
科技进步的飞速发展引起人们日常生存的巨大厘革，电子信息技能的飞速发展使得电子信息技能的各个领域的应用水平得到普及和应用。信息期间的到来已成为不可阻挡的时尚潮流，人类发展的历史正进入一个新期间。在实际运用中，应用软件的工作规则和开发步调，采用Java技能建设交际型音乐网站。体系通过浏览器与服务器进行通信，实现数据的交互与变更。交际型音乐网站使用Java语言，采用Springboo+vue框架进行开发，使用Eclipse2017CI10编译器编写，数据方面主要采用的是微软的MySQL关系型数据库来作为数据存储媒介，共同前台HTML+CSS技能完成体系的开发。
关键词：Springboot技能；MYSQL；交际型音乐网站
Abstract
The rapid development of scientific and technological progress has caused great changes in People's Daily life. The rapid development of electronic information technology makes the application level of various fields of electronic information technology popularized and applied. The arrival of the information age has become an unstoppable fashion trend, and the history of human development is entering a new era. In practical application, the working rules and development steps of application software, using Java technology to build a social music website. The system communicates with the server through the browser to realize the data interaction and change. Social music websites use Java language, use Springboo + Vue framework for development, and write with Eclipse2017CI10 compiler. In terms of data, Microsoft's MySQL relational database is mainly used as the data storage medium, and we complete the development of the system with the front desk HTML + CSS technology.
Keywords:Springboot Technology; MYSQL; social music site
1 绪论
1.1研究配景与意义
以前人们获得交际型音乐资讯的途径主要包括听收音机、看报纸、看电视等媒体形式上，这几个途径的毛病就是更新迟钝、信息量有限以及主动性差。现在随着互联网以及网络技能的发展，人们的生存方式发生改变的同时一些传统习惯也开始发生厘革，大家接受新事物变得越发的快，上网浏览交际型音乐渐渐成为了大家共同的选择。与传统媒体相比，通过互联网流传交际型音乐具有实时性高、互动性强、信息量大、节约本钱等优势，所以越来越多的人会选择上网获取交际型音乐资讯,而这种现象无疑是为网站带来了巨大的工作量。我们很迫切的必要开发一个交际型音乐网站。
1.2国内外研究近况
自从90年代开始，国外的媒体就已经步入网络期间，并渐渐把握相关技能，设计出了一些交际型音乐网站。我国在这方面起步较晚，颠末多年的探索与锻炼，大部分媒体网站照旧处于电子版或网络版的发展阶段，网上发布的信息主要是传统媒体内容的复制，并非真正意义上的媒体网站。
然而近几年来，网络交际型音乐正以一种独立交际型音乐媒体的形式出现。即网络交际型音乐也有本身的记者、采访、活动策划、特色栏目和活动直播等，这些新内容既吸收了传统媒体的优势，又充分利用了网络实时、交互、直观以及制作费用低等方面的优势，因此网络媒体将真正成为传统媒体的竞争对手。例如以新浪、搜狐为代表的流派网站，它们同时关注浩繁领域的交际型音乐动态，力争做到又快又好，渐渐成为了人们上网浏览交际型音乐时的首选站点。网络交际型音乐实现了由文字向声音、FLASH、图像、音频、视频等全方位的发展，大大增长了信息量，进步了视听效果。网络交际型音乐的泉源也日趋多样化，不但有各种合作媒体上发表的文章，还包括网站本身采访的交际型音乐，网站从国外合作媒体处翻译来的交际型音乐，网站合作构造、活动提供的交际型音乐，驻地的华侨和其他人士提供的交际型音乐等。
1.3研究内容
交际型音乐网站的开发及实现，所必要的工作内容：
（1）首先是确定选题，确定好所要做的体系，并对体系的配景及现在面对的一些题目等进行体系的初步确认。
（2）体系确认完成后，结合体系开发的需求进行确认体系开发所使用的技能，交际型音乐网站的开发使用Springboot框架，数据库进行平台的搭建开发，确认好使用的技能进行技能分析，所使用的技能是否可以完成体系的实现。
（3）确定好体系使用的技能，进行在线确认体系所划分的用户角色，并且根据用户角色划分确定所要设计的功能模块，对交际型音乐网站的设计主要划分别为管理员和用户角色。
（4）体系的功能模块确认完成后进行程序及界面的设计，设计完成后，并且通过测试来判定程序是否完善，对于体系测试，必要不同的用户进行不同的内容编辑及提交，及使用不同的测试方式找出程序中存在的漏洞，并对程序出现的漏洞题目进行在线解决处置惩罚，假如测试体系没有任何题目时，可以将体系上传进行正式操作使用。
1.4论文布局与章节安排
论文将分层次经行编排，除去论文摘要致谢文献参考部分，正文部分还会对网站需求做出分析，以及论述大要的设计和实现的功能，最后摆列部分调测记录，论文主要架构如下：
第一章：引言。第一章主要先容了课题研究的配景，体系开发的近况和本文的国内外研究近况与主要工作。
第二章：体系需求分析。第二章主要从体系的用户、功能等方面进行需求分析。
第三章：体系设计。第三章主要对体系框架、体系功能模块、数据库进行功能设计。
第四章：体系实现。第四章主要先容了体系框架搭建、体系界面的实现。
第五章：体系测试。第五章主要对体系的部分界面进行测试并对主要功能进行测试
第六章：总结。
2 交际型音乐网站分析
体系分析是开发一个项目的先决条件，通过体系分析可以很好的了解体系的主体用户的基本需求情况，同时这也是项目的开发的原因。进而对体系开发进行可行性分析，通常包括技能可行性、经济可行性等，可行性分析同时也是从项目整体角度进行的分析。然后就是对项目的具体需求进行分析，分析的手段一样平常都是通过用户的用例图来实现。下面是具体的先容。
2.1 可行性分析
（1）技能可行性分析
交际型音乐网站存储所使用的是mysql数据库以及开发中所使用的是IDEA、Tomcat这些开发工具的使用，可以或许给我们的编写工作带来许多的便利。体系使用Springboot+Vue框架进行开发，使体系的可扩展性和维护性更佳，减少java设置代码，简化编程代码，现在Springboot框架也是许多企业选择的框架之一。
（2）经济可行性分析
在开发交际型音乐网站中所使用的开发软件像IDEA开发工具、Tomcat8.0服务器、MySQL5.7数据库、Photoshop图片处置惩罚软件等，这些都是开源免费的，这些情况在学校都进行了体系的学习，本身可以或许独立操作完成，不必要额外耗费，而且体系的开发工具从网上都可以直接下载，因此在经济方面是可行的。
（3）操作可行性分析
此次项目设计的时候我参考了许多类似体系的乐成案例，对它们的操作界面以及功能都进行了体系的分析，将浩繁案例结合在一起，突出以人为本简化操作，所以具有基本计算机知识的人都会操作本项目。因此操作可行性也没有题目。
2.2体系流程分析
业务流程是用一些特定的符合和线条来进行演示用户在使用体系时的过程，在进行体系分析的时候，业务流程可以帮助开发职员更好的明白业务，发现错误，完善体系。
2.2.1 数据增长流程
用户乐成登入体系后就可以或许实现增长数据的操作，增长数据的编号是特定的，体系天生，用户不能随意填写，除了编号以外，其他增长信息用户本身填写，填写后的信息颠末体系验证，验证合法通过就显示增长数据乐成了，相反的话，就没有增长乐成，图2-1显示的就是在增长数据时的流程。
图2-1 数据增长流程图
2.2.2 数据修改流程
数据修改时的流程和上面先容的数据增长时的流程差不多，如图2-2所示。
图2-2 数据修改流程图
2.2.3 数据删除流程
假如体系内里存在一些没有用的数据的话，相关的管理职员还可以对这些数据进行删除，图2-3就是数据删除时的流程图。
图2-3 数据删除流程图
2.3 体系功能分析
2.3.1 功能性分析
按照交际型音乐网站的角色，我划分为了注册用户管理模块和管理员管理模块这两大部分。
注册用户管理模块：
（1）用户注册登录：用户注册为用户并登录 交际型音乐网站；用户对个人信息的增删改查，比如个人资料，密码修改。
（2）查察交际型音乐网站的首页信息：交际型音乐网站的首页信息包含了个人账户、个人收藏等。
（3）交流论坛：用户可以在交流论坛中发布交流信息；
（4）公告通知：当用户点击“网站公告”这一菜单按钮，会显示管理员在后台发布的所有的公告信息，可以查察详情；
（5）音乐资讯：当用户点击“音乐资讯”这一菜单按钮，会显示管理员在后台发布的所有的音乐资讯信息，可以查察详情，进行收藏、点赞、评论等；
（6）歌曲信息：当用户点击“歌曲信息”这一菜单按钮，会显示管理员在后台发布的所有的音乐资讯信息，可以查察详情，进行收藏、点赞、评论等；
（7）歌手信息：当用户点击“歌手信息”这一菜单按钮，会显示管理员在后台发布的所有的音乐资讯信息，可以查察详情，进行收藏、点赞、评论等；
（8）我的账户：当用户点击“我的账户”可以对个人的资料、登录体系的密码进行设置管理；
（9）个人中心：当用户点击“个人中心”可以对个人首页、打分信息、收藏等管理。
管理员管理模块：
（1）登录：管理员的账号是在数据表表中直接设置天生的，不必要进行注册；
（2）体系用户：当点击“体系用户”这一菜单的时候，会出现管理员+注册用户这两个子菜单，可以对这两个模块进行增删改查操作；
（3）歌曲信息管理：当点击“歌曲信息管理”这一菜单的时候，会出现歌曲信息列表+歌曲信息添加这两个子菜单，可以对这两个模块进行增删改查操作；
（4）歌曲类型管理：当点击“歌曲类型管理”这一菜单的时候，会出现歌曲类型列表+歌曲类型添加这两个子菜单，可以对这两个模块进行增删改查操作；
（5）歌手信息管理：当点击“歌手信息管理”这一菜单的时候，会出现歌手信息列表+歌手信息添加这两个子菜单，可以对这两个模块进行增删改查操作查察打分；
（6）打分信息管理：当点击“打分信息管理”这一菜单的时候，会出现打分信息列表，可以对这个模块进行删改查操作；
（7）体系管理：管理员可以对体系前台展示的轮播图进行增删改查，方便用户进行查察；
（8）公告通知管理：管理员可以对体系前台展示的公告通知进行增删改查，方便用户进行查察；
（9）资源管理：管理员可以交际型音乐网站前台展示的音乐资讯信息进行增删改查分类；
（10）交流管理：对交流论坛内容进行增删改查和分类；
2.3.2 非功能性分析
交际型音乐网站的非功能性需求比如 交际型音乐网站的安全性怎么样，可靠性怎么样，性能怎么样，可拓展性怎么样等。具体可以表示在如下3-1表格中：
表3-1 交际型音乐网站非功能需求表
安全性
| 主要指 交际型音乐网站数据库的安装，数据库的使用和密码的设定必须合乎规范。
| 可靠性
| 可靠性是指交际型音乐网站可以或许安装用户的指示进行操作，颠末测试，可靠性90%以上。
| 性能
| 性能是影响交际型音乐网站占据市场的必要条件，所以性能最好要佳才好。
| 可扩展性
| 比如数据库预留多个属性，比如接口的使用等确保了体系的非功能性需求。
| 易用性
| 用户只要跟着交际型音乐网站的页面展示内容进行操作，就可以了。
| 可维护性
| 交际型音乐网站开发的可维护性黑白常告急的，颠末测试，可维护性没有题目
|
2.4 体系用例分析
通过2.3功能的分析，得出了本交际型音乐网站的用例图：
注册用户角色用例如图2-3所示。
图2-3交际型音乐网站注册用户角色用例图
web后台管理上的管理员是维护整个交际型音乐网站中所有数据信息的。管理员角色用例如图2-4所示。
图2-4交际型音乐网站管理员角色用例图
2.5本章小结
本章主要通过对交际型音乐网站的可行性分析、流程分析、功能需求分析、体系用例分析，确定整个交际型音乐网站要实现的功能。同时也为交际型音乐网站的代码实现和测试提供了尺度。
3 交际型音乐网站总体设计
本章主要讨论的内容包括交际型音乐网站的功能模块设计、数据库体系设计。
3.1 体系架构设计
本交际型音乐网站从架构上分为三层：体现层（UI）、业务逻辑层（BLL）以及数据层（DL）。
图3-1交际型音乐网站架构设计图
体现层（UI）：又称UI层，主要完本钱交际型音乐网站的UI交互功能，一个良好的UI可以打打进步用户的用户体验，增强用户使用本交际型音乐网站时的惬意度。UI的界面设计也要顺应不同版本的交际型音乐网站以及不同尺寸的分辨率，以做到良好的兼容性。UI交互功能要求合理，用户进行交互操作时必须要得到与之相符的交互效果，这就要求体现层要与业务逻辑层进行良好的对接。
业务逻辑层（BLL）：主要完本钱交际型音乐网站的数据处置惩罚功能。用户从体现层传输过来的数据颠末业务逻辑层进行处置惩罚交付给数据层，体系从数据层读取的数据颠末业务逻辑层进行处置惩罚交付给体现层。
数据层（DL）：由于本交际型音乐网站的数据是放在服务端的mysql数据库中，因此本属于服务层的部分可以直接整合在业务逻辑层中，所以数据层中只有数据库，其主要完本钱交际型音乐网站的数据存储和管理功能。
3.2 体系功能模块设计
3.2.1整体功能模块设计
在上一章节中主要对体系的功能性需求和非功能性需求进行分析，并且根据需求分析了本交际型音乐网站中的用例。那么接下来就要开始对本交际型音乐网站的架构、主要功能和数据库开始进行设计。交际型音乐网站根据前面章节的需求分析得出，其总体设计模块图如图3-2所示。
图3-2交际型音乐网站功能模块图
3.2.2用户模块设计
后台管理者可以或许实现对前台注册的用户增删改查操作，用户模块布局图如下图：
图3-3用户用户模块布局图
3.2.3评论管理模块设计
交际型音乐网站是一个交流性质的公开平台，会员用户可以在平台上评论，增长用户之间的互动性。但是同时也为了更好的规范评论的内容，给予管理员删除不合适的言论的功能，所以必要专门设计一个评论管理模块，具体的布局图如下：
图3-4评论模块布局图
3.2.4交际型音乐资讯模块设计
后台管理者可以或许实现对前台发布的交际型音乐资讯进行增删改查操作，交际型音乐资讯模块布局图如下图：
图3-5交际型音乐资讯模块布局图
3.3 数据库设计
数据库设计一样平常包括需求分析、概念模型设计、数据库表创建三大过程，其中需求分析前面章节已经论述，概念模型设计有概念模型和逻辑布局设计两部分。
3.3.1 数据库概念布局设计
下面是整个交际型音乐网站中主要的数据库表总E-R实体关系图。
图3-6 交际型音乐网站总E-R关系图
下面根据 交际型音乐网站的数据库总E-R关系图可以得出 交际型音乐网站必要许多E-R图，在此摆列出来一些主要的数据库E-R模型图。
图3-7注册用户E-R关系图
图3-8 公告E-R关系图
图3-9评论信息E-R关系图
图3-10交际型音乐资讯E-R关系图
3.3.2 数据库逻辑布局设计
通过上一末节中 交际型音乐网站中总E-R关系图上得出一共必要创建许多个数据表。在此我主要摆列几个主要的数据库表布局设计。
表access_token (登岸访问时长)
| 编号
| 名称
| 数据类型
| 长度
| 小数位
| 答应空值
| 主键
| 默认值
| 说明
| | 1
| token_id
| int
| 10
| 0
| N
| Y
|
| 暂时访问牌ID
| | 2
| token
| varchar
| 64
| 0
| Y
| N
|
| 暂时访问牌
| | 3
| info
| text
| 65535
| 0
| Y
| N
|
|
| | 4
| maxage
| int
| 10
| 0
| N
| N
| 2
| 最大寿命：默认2小时
| | 5
| create_time
| timestamp
| 19
| 0
| N
| N
| CURRENT_TIMESTAMP
| 创建时间：
| | 6
| update_time
| timestamp
| 19
| 0
| N
| N
| CURRENT_TIMESTAMP
| 更新时间：
| | 7
| user_id
| int
| 10
| 0
| N
| N
| 0
| 用户编号:
|
表article (文章：用于内容管理体系的文章)
| 编号
| 名称
| 数据类型
| 长度
| 小数位
| 答应空值
| 主键
| 默认值
| 说明
| | 1
| article_id
| mediumint
| 8
| 0
| N
| Y
|
| 文章id：[0,8388607]
| | 2
| title
| varchar
| 125
| 0
| N
| Y
|
| 标题：[0,125]用于文章和html的title标签中
| | 3
| type
| varchar
| 64
| 0
| N
| N
| 0
| 文章分类：[0,1000]用来搜刮指定类型的文章
| | 4
| hits
| int
| 10
| 0
| N
| N
| 0
| 点击数：[0,1000000000]访问这篇文章的人次
| | 5
| praise_len
| int
| 10
| 0
| N
| N
| 0
| 点赞数
| | 6
| create_time
| timestamp
| 19
| 0
| N
| N
| CURRENT_TIMESTAMP
| 创建时间：
| | 7
| update_time
| timestamp
| 19
| 0
| N
| N
| CURRENT_TIMESTAMP
| 更新时间：
| | 8
| source
| varchar
| 255
| 0
| Y
| N
|
| 泉源：[0,255]文章的出处
| | 9
| url
| varchar
| 255
| 0
| Y
| N
|
| 泉源地址：[0,255]用于跳转到发布该文章的网站
| | 10
| tag
| varchar
| 255
| 0
| Y
| N
|
| 标签：[0,255]用于标注文章所属相关内容，多个标签用空格隔开
| | 11
| content
| longtext
| 2147483647
| 0
| Y
| N
|
| 正文：文章的主体内容
| | 12
| img
| varchar
| 255
| 0
| Y
| N
|
| 封面图
| | 13
| description
| text
| 65535
| 0
| Y
| N
|
| 文章形貌
|
表article_type (文章分类)
| 编号
| 名称
| 数据类型
| 长度
| 小数位
| 答应空值
| 主键
| 默认值
| 说明
| | 1
| type_id
| smallint
| 5
| 0
| N
| Y
|
| 分类ID：[0,10000]
| | 2
| display
| smallint
| 5
| 0
| N
| N
| 100
| 显示顺序：[0,1000]决定分类显示的先后顺序
| | 3
| name
| varchar
| 16
| 0
| N
| N
|
| 分类名称：[2,16]
| | 4
| father_id
| smallint
| 5
| 0
| N
| N
| 0
| 上级分类ID：[0,32767]
| | 5
| description
| varchar
| 255
| 0
| Y
| N
|
| 形貌：[0,255]形貌该分类的作用
| | 6
| icon
| text
| 65535
| 0
| Y
| N
|
| 分类图标：
| | 7
| url
| varchar
| 255
| 0
| Y
| N
|
| 外链地址：[0,255]假如该分类是跳转到其他网站的情况下，就在该URL上设置
| | 8
| create_time
| timestamp
| 19
| 0
| N
| N
| CURRENT_TIMESTAMP
| 创建时间：
| | 9
| update_time
| timestamp
| 19
| 0
| N
| N
| CURRENT_TIMESTAMP
| 更新时间：
|
表auth (用户权限管理)
| 编号
| 名称
| 数据类型
| 长度
| 小数位
| 答应空值
| 主键
| 默认值
| 说明
| | 1
| auth_id
| int
| 10
| 0
| N
| Y
|
| 授权ID：
| | 2
| user_group
| varchar
| 64
| 0
| Y
| N
|
| 用户组：
| | 3
| mod_name
| varchar
| 64
| 0
| Y
| N
|
| 模块名：
| | 4
| table_name
| varchar
| 64
| 0
| Y
| N
|
| 表名：
| | 5
| page_title
| varchar
| 255
| 0
| Y
| N
|
| 页面标题：
| | 6
| path
| varchar
| 255
| 0
| Y
| N
|
| 路由路径：
| | 7
| position
| varchar
| 32
| 0
| Y
| N
|
| 位置：
| | 8
| mode
| varchar
| 32
| 0
| N
| N
| _blank
| 跳转方式：
| | 9
| add
| tinyint
| 3
| 0
| N
| N
| 1
| 是否可增长：
| | 10
| del
| tinyint
| 3
| 0
| N
| N
| 1
| 是否可删除：
| | 11
| set
| tinyint
| 3
| 0
| N
| N
| 1
| 是否可修改：
| | 12
| get
| tinyint
| 3
| 0
| N
| N
| 1
| 是否可查察：
| | 13
| field_add
| text
| 65535
| 0
| Y
| N
|
| 添加字段：
| | 14
| field_set
| text
| 65535
| 0
| Y
| N
|
| 修改字段：
| | 15
| field_get
| text
| 65535
| 0
| Y
| N
|
| 查询字段：
| | 16
| table_nav_name
| varchar
| 500
| 0
| Y
| N
|
| 跨表导航名称：
| | 17
| table_nav
| varchar
| 500
| 0
| Y
| N
|
| 跨表导航：
| | 18
| option
| text
| 65535
| 0
| Y
| N
|
| 设置：
| | 19
| create_time
| timestamp
| 19
| 0
| N
| N
| CURRENT_TIMESTAMP
| 创建时间：
| | 20
| update_time
| timestamp
| 19
| 0
| N
| N
| CURRENT_TIMESTAMP
| 更新时间：
|
表collect (收藏)
| 编号
| 名称
| 数据类型
| 长度
| 小数位
| 答应空值
| 主键
| 默认值
| 说明
| | 1
| collect_id
| int
| 10
| 0
| N
| Y
|
| 收藏ID：
| | 2
| user_id
| int
| 10
| 0
| N
| N
| 0
| 收藏人ID：
| | 3
| source_table
| varchar
| 255
| 0
| Y
| N
|
| 泉源表：
| | 4
| source_field
| varchar
| 255
| 0
| Y
| N
|
| 泉源字段：
| | 5
| source_id
| int
| 10
| 0
| N
| N
| 0
| 泉源ID：
| | 6
| title
| varchar
| 255
| 0
| Y
| N
|
| 标题：
| | 7
| img
| varchar
| 255
| 0
| Y
| N
|
| 封面：
| | 8
| create_time
| timestamp
| 19
| 0
| N
| N
| CURRENT_TIMESTAMP
| 创建时间：
| | 9
| update_time
| timestamp
| 19
| 0
| N
| N
| CURRENT_TIMESTAMP
| 更新时间：
|
表comment (评论)
| 编号
| 名称
| 数据类型
| 长度
| 小数位
| 答应空值
| 主键
| 默认值
| 说明
| | 1
| comment_id
| int
| 10
| 0
| N
| Y
|
| 评论ID：
| | 2
| user_id
| int
| 10
| 0
| N
| N
| 0
| 评论人ID：
| | 3
| reply_to_id
| int
| 10
| 0
| N
| N
| 0
| 回复评论ID：空为0
| | 4
| content
| longtext
| 2147483647
| 0
| Y
| N
|
| 内容：
| | 5
| nickname
| varchar
| 255
| 0
| Y
| N
|
| 昵称：
| | 6
| avatar
| varchar
| 255
| 0
| Y
| N
|
| 头像地址：[0,255]
| | 7
| create_time
| timestamp
| 19
| 0
| N
| N
| CURRENT_TIMESTAMP
| 创建时间：
| | 8
| update_time
| timestamp
| 19
| 0
| N
| N
| CURRENT_TIMESTAMP
| 更新时间：
| | 9
| source_table
| varchar
| 255
| 0
| Y
| N
|
| 泉源表：
| | 10
| source_field
| varchar
| 255
| 0
| Y
| N
|
| 泉源字段：
| | 11
| source_id
| int
| 10
| 0
| N
| N
| 0
| 泉源ID：
|
表forum (论坛)
| 编号
| 名称
| 数据类型
| 长度
| 小数位
| 答应空值
| 主键
| 默认值
| 说明
| | 1
| forum_id
| mediumint
| 8
| 0
| N
| Y
|
| 论坛id
| | 2
| display
| smallint
| 5
| 0
| N
| N
| 100
| 排序
| | 3
| user_id
| mediumint
| 8
| 0
| N
| N
| 0
| 用户ID
| | 4
| nickname
| varchar
| 16
| 0
| Y
| N
|
| 昵称：[0,16]
| | 5
| praise_len
| int
| 10
| 0
| Y
| N
| 0
| 点赞数
| | 6
| hits
| int
| 10
| 0
| N
| N
| 0
| 访问数
| | 7
| title
| varchar
| 125
| 0
| N
| N
|
| 标题
| | 8
| keywords
| varchar
| 125
| 0
| Y
| N
|
| 关键词
| | 9
| description
| varchar
| 255
| 0
| Y
| N
|
| 形貌
| | 10
| url
| varchar
| 255
| 0
| Y
| N
|
| 泉源地址
| | 11
| tag
| varchar
| 255
| 0
| Y
| N
|
| 标签
| | 12
| img
| text
| 65535
| 0
| Y
| N
|
| 封面图
| | 13
| content
| longtext
| 2147483647
| 0
| Y
| N
|
| 正文
| | 14
| create_time
| timestamp
| 19
| 0
| N
| N
| CURRENT_TIMESTAMP
| 创建时间：
| | 15
| update_time
| timestamp
| 19
| 0
| N
| N
| CURRENT_TIMESTAMP
| 更新时间：
| | 16
| avatar
| varchar
| 255
| 0
| Y
| N
|
| 发帖人头像：
| | 17
| type
| varchar
| 64
| 0
| N
| N
| 0
| 论坛分类：[0,1000]用来搜刮指定类型的论坛帖
|
表forum_type (论坛分类)
| 编号
| 名称
| 数据类型
| 长度
| 小数位
| 答应空值
| 主键
| 默认值
| 说明
| | 1
| type_id
| smallint
| 5
| 0
| N
| Y
|
| 分类ID：[0,10000]
| | 2
| name
| varchar
| 16
| 0
| N
| N
|
| 分类名称：[2,16]
| | 3
| description
| varchar
| 255
| 0
| Y
| N
|
| 形貌：[0,255]形貌该分类的作用
| | 4
| url
| varchar
| 255
| 0
| Y
| N
|
| 外链地址：[0,255]假如该分类是跳转到其他网站的情况下，就在该URL上设置
| | 5
| father_id
| smallint
| 5
| 0
| N
| N
| 0
| 上级分类ID：[0,32767]
| | 6
| icon
| varchar
| 255
| 0
| Y
| N
|
| 分类图标：
| | 7
| create_time
| timestamp
| 19
| 0
| N
| N
| CURRENT_TIMESTAMP
| 创建时间：
| | 8
| update_time
| timestamp
| 19
| 0
| N
| N
| CURRENT_TIMESTAMP
| 更新时间：
|
表hits (用户点击)
| 编号
| 名称
| 数据类型
| 长度
| 小数位
| 答应空值
| 主键
| 默认值
| 说明
| | 1
| hits_id
| int
| 10
| 0
| N
| Y
|
| 点赞ID：
| | 2
| user_id
| int
| 10
| 0
| N
| N
| 0
| 点赞人：
| | 3
| create_time
| timestamp
| 19
| 0
| N
| N
| CURRENT_TIMESTAMP
| 创建时间：
| | 4
| update_time
| timestamp
| 19
| 0
| N
| N
| CURRENT_TIMESTAMP
| 更新时间：
| | 5
| source_table
| varchar
| 255
| 0
| Y
| N
|
| 泉源表：
| | 6
| source_field
| varchar
| 255
| 0
| Y
| N
|
| 泉源字段：
| | 7
| source_id
| int
| 10
| 0
| N
| N
| 0
| 泉源ID：
|
表notice (公告)
| 编号
| 名称
| 数据类型
| 长度
| 小数位
| 答应空值
| 主键
| 默认值
| 说明
| | 1
| notice_id
| mediumint
| 8
| 0
| N
| Y
|
| 公告id：
| | 2
| title
| varchar
| 125
| 0
| N
| N
|
| 标题：
| | 3
| content
| longtext
| 2147483647
| 0
| Y
| N
|
| 正文：
| | 4
| create_time
| timestamp
| 19
| 0
| N
| N
| CURRENT_TIMESTAMP
| 创建时间：
| | 5
| update_time
| timestamp
| 19
| 0
| N
| N
| CURRENT_TIMESTAMP
| 更新时间：
|
表praise (点赞)
| 编号
| 名称
| 数据类型
| 长度
| 小数位
| 答应空值
| 主键
| 默认值
| 说明
| | 1
| praise_id
| int
| 10
| 0
| N
| Y
|
| 点赞ID：
| | 2
| user_id
| int
| 10
| 0
| N
| N
| 0
| 点赞人：
| | 3
| create_time
| timestamp
| 19
| 0
| N
| N
| CURRENT_TIMESTAMP
| 创建时间：
| | 4
| update_time
| timestamp
| 19
| 0
| N
| N
| CURRENT_TIMESTAMP
| 更新时间：
| | 5
| source_table
| varchar
| 255
| 0
| Y
| N
|
| 泉源表：
| | 6
| source_field
| varchar
| 255
| 0
| Y
| N
|
| 泉源字段：
| | 7
| source_id
| int
| 10
| 0
| N
| N
| 0
| 泉源ID：
| | 8
| status
| bit
| 1
| 0
| N
| N
| 1
| 点赞状态:1为点赞，0已取消
|
表registered_users (注册用户)
| 编号
| 名称
| 数据类型
| 长度
| 小数位
| 答应空值
| 主键
| 默认值
| 说明
| | 1
| registered_users_id
| int
| 10
| 0
| N
| Y
|
| 注册用户ID
| | 2
| user_name
| varchar
| 64
| 0
| Y
| N
|
| 用户名称
| | 3
| user_gender
| varchar
| 64
| 0
| Y
| N
|
| 用户性别
| | 4
| user_age
| int
| 10
| 0
| Y
| N
| 0
| 用户年龄
| | 5
| examine_state
| varchar
| 16
| 0
| N
| N
| 已通过
| 考核状态
| | 6
| user_id
| int
| 10
| 0
| N
| N
| 0
| 用户ID
| | 7
| create_time
| datetime
| 19
| 0
| N
| N
| CURRENT_TIMESTAMP
| 创建时间
| | 8
| update_time
| timestamp
| 19
| 0
| N
| N
| CURRENT_TIMESTAMP
| 更新时间
|
表scoring_information (打分信息)
| 编号
| 名称
| 数据类型
| 长度
| 小数位
| 答应空值
| 主键
| 默认值
| 说明
| | 1
| scoring_information_id
| int
| 10
| 0
| N
| Y
|
| 打分信息ID
| | 2
| song_title
| varchar
| 64
| 0
| Y
| N
|
| 歌曲名称
| | 3
| song_type
| varchar
| 64
| 0
| Y
| N
|
| 歌曲类型
| | 4
| song_singer
| varchar
| 64
| 0
| Y
| N
|
| 歌曲歌手
| | 5
| scoring_users
| int
| 10
| 0
| Y
| N
| 0
| 打分用户
| | 6
| scoring_score
| varchar
| 64
| 0
| Y
| N
|
| 打分分数
| | 7
| scoring_time
| datetime
| 19
| 0
| Y
| N
|
| 打分时间
| | 8
| scoring_remarks
| text
| 65535
| 0
| Y
| N
|
| 打分备注
| | 9
| create_time
| datetime
| 19
| 0
| N
| N
| CURRENT_TIMESTAMP
| 创建时间
| | 10
| update_time
| timestamp
| 19
| 0
| N
| N
| CURRENT_TIMESTAMP
| 更新时间
|
表singer_information (歌手信息)
| 编号
| 名称
| 数据类型
| 长度
| 小数位
| 答应空值
| 主键
| 默认值
| 说明
| | 1
| singer_information_id
| int
| 10
| 0
| N
| Y
|
| 歌手信息ID
| | 2
| singer_name
| varchar
| 64
| 0
| Y
| N
|
| 歌手名称
| | 3
| singer_type
| varchar
| 64
| 0
| Y
| N
|
| 歌手类型
| | 4
| singers_hometown
| varchar
| 64
| 0
| Y
| N
|
| 歌手籍贯
| | 5
| cover_photo
| varchar
| 255
| 0
| Y
| N
|
| 封面图片
| | 6
| date_of_birth
| varchar
| 64
| 0
| Y
| N
|
| 出生日期
| | 7
| singer_constellation
| varchar
| 64
| 0
| Y
| N
|
| 歌手星座
| | 8
| representative_works
| varchar
| 64
| 0
| Y
| N
|
| 代表作品
| | 9
| singer_details
| longtext
| 2147483647
| 0
| Y
| N
|
| 歌手详情
| | 10
| praise_len
| int
| 10
| 0
| N
| N
| 0
| 点赞数
| | 11
| create_time
| datetime
| 19
| 0
| N
| N
| CURRENT_TIMESTAMP
| 创建时间
| | 12
| update_time
| timestamp
| 19
| 0
| N
| N
| CURRENT_TIMESTAMP
| 更新时间
|
表slides (轮播图)
| 编号
| 名称
| 数据类型
| 长度
| 小数位
| 答应空值
| 主键
| 默认值
| 说明
| | 1
| slides_id
| int
| 10
| 0
| N
| Y
|
| 轮播图ID：
| | 2
| title
| varchar
| 64
| 0
| Y
| N
|
| 标题：
| | 3
| content
| varchar
| 255
| 0
| Y
| N
|
| 内容：
| | 4
| url
| varchar
| 255
| 0
| Y
| N
|
| 链接：
| | 5
| img
| varchar
| 255
| 0
| Y
| N
|
| 轮播图：
| | 6
| hits
| int
| 10
| 0
| N
| N
| 0
| 点击量：
| | 7
| create_time
| timestamp
| 19
| 0
| N
| N
| CURRENT_TIMESTAMP
| 创建时间：
| | 8
| update_time
| timestamp
| 19
| 0
| N
| N
| CURRENT_TIMESTAMP
| 更新时间：
|
表song_information (歌曲信息)
| 编号
| 名称
| 数据类型
| 长度
| 小数位
| 答应空值
| 主键
| 默认值
| 说明
| | 1
| song_information_id
| int
| 10
| 0
| N
| Y
|
| 歌曲信息ID
| | 2
| song_title
| varchar
| 64
| 0
| Y
| N
|
| 歌曲名称
| | 3
| song_type
| varchar
| 64
| 0
| Y
| N
|
| 歌曲类型
| | 4
| cover_photo
| varchar
| 255
| 0
| Y
| N
|
| 封面图片
| | 5
| release_time
| datetime
| 19
| 0
| Y
| N
|
| 发布时间
| | 6
| music_songs
| varchar
| 255
| 0
| Y
| N
|
| 音乐歌曲
| | 7
| song_singer
| varchar
| 64
| 0
| Y
| N
|
| 歌曲歌手
| | 8
| album_name
| varchar
| 64
| 0
| Y
| N
|
| 专辑名称
| | 9
| song_details
| longtext
| 2147483647
| 0
| Y
| N
|
| 歌曲详情
| | 10
| hits
| int
| 10
| 0
| N
| N
| 0
| 点击数
| | 11
| praise_len
| int
| 10
| 0
| N
| N
| 0
| 点赞数
| | 12
| recommend
| int
| 10
| 0
| N
| N
| 0
| 智能推荐
| | 13
| create_time
| datetime
| 19
| 0
| N
| N
| CURRENT_TIMESTAMP
| 创建时间
| | 14
| update_time
| timestamp
| 19
| 0
| N
| N
| CURRENT_TIMESTAMP
| 更新时间
|
表song_type (歌曲类型)
| 编号
| 名称
| 数据类型
| 长度
| 小数位
| 答应空值
| 主键
| 默认值
| 说明
| | 1
| song_type_id
| int
| 10
| 0
| N
| Y
|
| 歌曲类型ID
| | 2
| song_type
| varchar
| 64
| 0
| Y
| N
|
| 歌曲类型
| | 3
| create_time
| datetime
| 19
| 0
| N
| N
| CURRENT_TIMESTAMP
| 创建时间
| | 4
| update_time
| timestamp
| 19
| 0
| N
| N
| CURRENT_TIMESTAMP
| 更新时间
|
表upload (文件上传)
| 编号
| 名称
| 数据类型
| 长度
| 小数位
| 答应空值
| 主键
| 默认值
| 说明
| | 1
| upload_id
| int
| 10
| 0
| N
| Y
|
| 上传ID
| | 2
| name
| varchar
| 64
| 0
| Y
| N
|
| 文件名
| | 3
| path
| varchar
| 255
| 0
| Y
| N
|
| 访问路径
| | 4
| file
| varchar
| 255
| 0
| Y
| N
|
| 文件路径
| | 5
| display
| varchar
| 255
| 0
| Y
| N
|
| 显示顺序
| | 6
| father_id
| int
| 10
| 0
| Y
| N
| 0
| 父级ID
| | 7
| dir
| varchar
| 255
| 0
| Y
| N
|
| 文件夹
| | 8
| type
| varchar
| 32
| 0
| Y
| N
|
| 文件类型
|
表user (用户账户：用于保存用户登录信息)
| 编号
| 名称
| 数据类型
| 长度
| 小数位
| 答应空值
| 主键
| 默认值
| 说明
| | 1
| user_id
| mediumint
| 8
| 0
| N
| Y
|
| 用户ID：[0,8388607]用户获取其他与用户相关的数据
| | 2
| state
| smallint
| 5
| 0
| N
| N
| 1
| 账户状态：[0,10](1可用|2异常|3已冻结|4已注销)
| | 3
| user_group
| varchar
| 32
| 0
| Y
| N
|
| 所在用户组：[0,32767]决定用户身份和权限
| | 4
| login_time
| timestamp
| 19
| 0
| N
| N
| CURRENT_TIMESTAMP
| 前次登录时间：
| | 5
| phone
| varchar
| 11
| 0
| Y
| N
|
| 手机号码：[0,11]用户的手机号码，用于找回密码时或登录时
| | 6
| phone_state
| smallint
| 5
| 0
| N
| N
| 0
| 手机认证：[0,1](0未认证|1考核中|2已认证)
| | 7
| username
| varchar
| 16
| 0
| N
| N
|
| 用户名：[0,16]用户登录时所用的账户名称
| | 8
| nickname
| varchar
| 16
| 0
| Y
| N
|
| 昵称：[0,16]
| | 9
| password
| varchar
| 64
| 0
| N
| N
|
| 密码：[0,32]用户登录所需的密码，由6-16位数字或英文构成
| | 10
| email
| varchar
| 64
| 0
| Y
| N
|
| 邮箱：[0,64]用户的邮箱，用于找回密码时或登录时
| | 11
| email_state
| smallint
| 5
| 0
| N
| N
| 0
| 邮箱认证：[0,1](0未认证|1考核中|2已认证)
| | 12
| avatar
| varchar
| 255
| 0
| Y
| N
|
| 头像地址：[0,255]
| | 13
| open_id
| varchar
| 255
| 0
| Y
| N
|
| 针对获取用户信息字段
| | 14
| create_time
| timestamp
| 19
| 0
| N
| N
| CURRENT_TIMESTAMP
| 创建时间：
| | 15
| vip_level
| varchar
| 255
| 0
| Y
| N
|
| 会员品级
| | 16
| vip_discount
| double
| 11
| 2
| Y
| N
| 0.00
| 会员折扣
|
表user_group (用户组：用于用户前端身份和鉴权)
| 编号
| 名称
| 数据类型
| 长度
| 小数位
| 答应空值
| 主键
| 默认值
| 说明
| | 1
| group_id
| mediumint
| 8
| 0
| N
| Y
|
| 用户组ID：[0,8388607]
| | 2
| display
| smallint
| 5
| 0
| N
| N
| 100
| 显示顺序：[0,1000]
| | 3
| name
| varchar
| 16
| 0
| N
| N
|
| 名称：[0,16]
| | 4
| description
| varchar
| 255
| 0
| Y
| N
|
| 形貌：[0,255]形貌该用户组的特点或权限范围
| | 5
| source_table
| varchar
| 255
| 0
| Y
| N
|
| 泉源表：
| | 6
| source_field
| varchar
| 255
| 0
| Y
| N
|
| 泉源字段：
| | 7
| source_id
| int
| 10
| 0
| N
| N
| 0
| 泉源ID：
| | 8
| register
| smallint
| 5
| 0
| Y
| N
| 0
| 注册位置:
| | 9
| create_time
| timestamp
| 19
| 0
| N
| N
| CURRENT_TIMESTAMP
| 创建时间：
| | 10
| update_time
| timestamp
| 19
| 0
| N
| N
| CURRENT_TIMESTAMP
| 更新时间：
|
3.4本章小结
整个交际型音乐网站的需求分析主要对体系总体架构以及功能模块的设计，通过创建E-R模型和数据库逻辑体系设计完成了数据库体系设计。
4 交际型音乐网站具体设计与实现
交际型音乐网站的具体设计与实现主要是根据前面的交际型音乐网站的需求分析和交际型音乐网站的总体设计来设计页面并实现业务逻辑。主要从交际型音乐网站界面实现、业务逻辑实现这两部分进行先容。
4.1用户功能模块
4.1.1 前台首页界面
当进入交际型音乐网站的时候，首先映入眼帘的是体系的导航栏，下面是轮播图以及体系内容，其主界面展示如下图4-1所示。
图4-1 前台首页界面图
4.1.2用户登录界面
交际型音乐网站中的前台上注册后的用户是可以通过本身的账户名和密码进行登录的，当用户输入完整的本身的账户名和密码信息并点击“登录”按钮后，将会首先验证输入的有没有空数据，再次验证输入的账户名+密码和数据库中当前保存的用户信息是否一致，只有在一致后将会登录乐成并自动跳转到 交际型音乐网站的首页中；否则将会提示相应错误信息，用户登录界面如下图4-2所示。
图4-2用户登录界面图
登录关键代码如下所示。
/**
* 登录
* @param data
* @param httpServletRequest
* @return
*/
@PostMapping("login")
public Map<String, Object> login(@RequestBody Map<String, String> data, HttpServletRequest httpServletRequest) {
log.info("[执行登录接口]");
String username = data.get("username");
String email = data.get("email");
String phone = data.get("phone");
String password = data.get("password");
List resultList = null;
Map<String, String> map = new HashMap<>();
if(username != null && "".equals(username) == false){
map.put("username", username);
resultList = service.select(map, new HashMap<>()).getResultList();
}
else if(email != null && "".equals(email) == false){
map.put("email", email);
resultList = service.select(map, new HashMap<>()).getResultList();
}
else if(phone != null && "".equals(phone) == false){
map.put("phone", phone);
resultList = service.select(map, new HashMap<>()).getResultList();
}else{
return error(30000, "账号或密码不能为空");
}
if (resultList == null || password == null) {
return error(30000, "账号或密码不能为空");
}
//判定是否有这个用户
if (resultList.size()<=0){
return error(30000,"用户不存在");
}
User byUsername = (User) resultList.get(0);
Map<String, String> groupMap = new HashMap<>();
groupMap.put("name",byUsername.getUserGroup());
List groupList = userGroupService.select(groupMap, new HashMap<>()).getResultList();
if (groupList.size()<1){
return error(30000,"用户组不存在");
}
UserGroup userGroup = (UserGroup) groupList.get(0);
//查询用户考核状态
if (!StringUtils.isEmpty(userGroup.getSourceTable())){
String sql = "select examine_state from "+ userGroup.getSourceTable() +" WHERE user_id = " + byUsername.getUserId();
String res = String.valueOf(service.runCountSql(sql).getSingleResult());
if (res==null){
return error(30000,"用户不存在");
}
if (!res.equals("已通过")){
return error(30000,"该用户考核未通过");
}
}
//查询用户状态
if (byUsername.getState()!=1){
return error(30000,"用户非可用状态，不能登录");
}
String md5password = service.encryption(password);
if (byUsername.getPassword().equals(md5password)) {
// 存储Token到数据库
AccessToken accessToken = new AccessToken();
accessToken.setToken(UUID.randomUUID().toString().replaceAll("-", ""));
accessToken.setUser_id(byUsername.getUserId());
tokenService.save(accessToken);
// 返回用户信息
JSONObject user = JSONObject.parseObject(JSONObject.toJSONString(byUsername));
user.put("token", accessToken.getToken());
JSONObject ret = new JSONObject();
ret.put("obj",user);
return success(ret);
} else {
return error(30000, "账号或密码不正确");
}
}
public String select(Map<String，String> query，Map<String，String> config){
StringBuffer sql = new StringBuffer("select ");
sql.append(config.get(FindConfig.FIELD) == null || "".equals(config.get(FindConfig.FIELD)) ? "*" : config.get(FindConfig.FIELD)).append(" ");
sql.append("from ").append("`").append(table).append("`").append(toWhereSql(query， "0".equals(config.get(FindConfig.LIKE))));
if (config.get(FindConfig.GROUP_BY) != null && !"".equals(config.get(FindConfig.GROUP_BY))){
sql.append("group by ").append(config.get(FindConfig.GROUP_BY)).append(" ");
}
if (config.get(FindConfig.ORDER_BY) != null && !"".equals(config.get(FindConfig.ORDER_BY))){
sql.append("order by ").append(config.get(FindConfig.ORDER_BY)).append(" ");
}
if (config.get(FindConfig.PAGE) != null && !"".equals(config.get(FindConfig.PAGE))){
int page = config.get(FindConfig.PAGE) != null && !"".equals(config.get(FindConfig.PAGE)) ? Integer.parseInt(config.get(FindConfig.PAGE)) : 1;
int limit = config.get(FindConfig.SIZE) != null && !"".equals(config.get(FindConfig.SIZE)) ? Integer.parseInt(config.get(FindConfig.SIZE)) : 10;
sql.append(" limit ").append( (page-1)*limit ).append(" ， ").append(limit);
}
log.info("[{}] - 查询操作，sql: {}"，table，sql);
return sql.toString();
}
public List selectBaseList(String select) {
List<Map<String，Object>> mapList = baseMapper.selectBaseList(select);
List<E> list = new ArrayList<>();
for (Map<String，Object> map:mapList) {
list.add(JSON.parseObject(JSON.toJSONString(map)，eClass));
}
return list;
}
4.1.3用户注册界面
不是交际型音乐网站中正式用户的是可以在线进行注册的，假如你没有本 交际型音乐网站的账号的话，添加“注册”，当填写上本身的账号+密码+确认密码+昵称+邮箱+手机号等后再点击“注册”按钮后将会先验证输入的有没有空数据，再次验证密码和确认密码是否是一样的，最后验证输入的账户名和数据库表中已经注册的账户名是否重复，只有都验证没题目后即可用户注册乐成。其用用户注册界面展示如下图4-3所示。
图4-3用户注册界面图
注册关键代码如下所示。
/**
* 注册
* @param user
* @return
*/
@PostMapping("register")
public Map<String, Object> signUp(@RequestBody User user) {
// 查询用户
Map<String, String> query = new HashMap<>();
query.put("username",user.getUsername());
List list = service.select(query, new HashMap<>()).getResultList();
if (list.size()>0){
return error(30000, "用户已存在");
}
user.setUserId(null);
user.setPassword(service.encryption(user.getPassword()));
service.save(user);
return success(1);
}
/**
* 用户ID：[0,8388607]用户获取其他与用户相关的数据
*/
@Id
@GeneratedValue(strategy = GenerationType.IDENTITY)
@Column(name = "user_id")
private Integer userId;
/**
* 账户状态：[0,10](1可用|2异常|3已冻结|4已注销)
*/
@Basic
@Column(name = "state")
private Integer state;
/**
* 所在用户组：[0,32767]决定用户身份和权限
*/
@Basic
@Column(name = "user_group")
private String userGroup;
/**
* 前次登录时间：
*/
@Basic
@Column(name = "login_time")
private Timestamp loginTime;
/**
* 手机号码：[0,11]用户的手机号码，用于找回密码时或登录时
*/
@Basic
@Column(name = "phone")
private String phone;
/**
* 手机认证：[0,1](0未认证|1考核中|2已认证)
*/
@Basic
@Column(name = "phone_state")
private Integer phoneState;
/**
* 用户名：[0,16]用户登录时所用的账户名称
*/
@Basic
@Column(name = "username")
private String username;
/**
* 昵称：[0,16]
*/
@Basic
@Column(name = "nickname")
private String nickname;
/**
* 密码：[0,32]用户登录所需的密码，由6-16位数字或英文构成
*/
@Basic
@Column(name = "password")
private String password;
/**
* 邮箱：[0,64]用户的邮箱，用于找回密码时或登录时
*/
@Basic
@Column(name = "email")
private String email;
/**
* 邮箱认证：[0,1](0未认证|1考核中|2已认证)
*/
@Basic
@Column(name = "email_state")
private Integer emailState;
/**
* 头像地址：[0,255]
*/
@Basic
@Column(name = "avatar")
private String avatar;
/**
* 创建时间：
*/
@Basic
@Column(name = "create_time")
@JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss")
private Timestamp createTime;
@Basic
@Transient
private String code;
}
4.1.4交流论坛界面
当用户点击交流论坛时可以在线发布评论，管理员可以对用户发布的评论信息进行管理。交流论坛界面如下图4-4所示。
图4-4交流论坛界面图
4.1.5 密码修改界面
用户使用该交际型音乐网站注册完成后，用户对登录密码有修改需求时，体系也可以提供用户修改密码权限。体系中所有的操作者可以或许变更本身的密码信息，执行该功能首先必须要登入体系，然后选择密码变更选项以后在给定的文本框中填写初始密码和新密码来完成修改密码的操作。在填写的时候，假如两次密码填写存在差别，那么此次密码变更操作失败，下面的图片展示的就是该板块对应的工作面。密码修改界面如下图4-5所示。
图4-5密码修改界面图
4.1.6音乐资讯界面
当访客点击交际型音乐网站中导航栏上的“音乐资讯”后将会进入到该“音乐资讯”列表的界面，然后选择想要看的音乐资讯信息，点击进入到具体界面，在具体界面可以收藏+赞+评论等操作，音乐资讯界面如下图4-6所示。
图4-6音乐资讯界面图
音乐资讯关键代码如下所示。
@PostMapping("/add")
@Transactional
public Map<String, Object> add(HttpServletRequest request) throws IOException {
service.insert(service.readBody(request.getReader()));
return success(1);
}
@Transactional
public Map<String, Object> addMap(Map<String,Object> map){
service.insert(map);
return success(1);
}
public Map<String,Object> readBody(BufferedReader reader){
BufferedReader br = null;
StringBuilder sb = new StringBuilder("");
try{
br = reader;
String str;
while ((str = br.readLine()) != null){
sb.append(str);
}
br.close();
String json = sb.toString();
return JSONObject.parseObject(json, Map.class);
}catch (IOException e){
e.printStackTrace();
}finally{
if (null != br){
try{
br.close();
}catch (IOException e){
e.printStackTrace();
}
}
}
return null;
}
public void insert(Map<String,Object> body){
StringBuffer sql = new StringBuffer("INSERT INTO ");
sql.append("`").append(table).append("`").append(" (");
for (Map.Entry<String,Object> entry:body.entrySet()){
sql.append("`"+humpToLine(entry.getKey())+"`").append(",");
}
sql.deleteCharAt(sql.length()-1);
sql.append(") VALUES (");
for (Map.Entry<String,Object> entry:body.entrySet()){
Object value = entry.getValue();
if (value instanceof String){
sql.append("'").append(entry.getValue()).append("'").append(",");
}else {
sql.append(entry.getValue()).append(",");
}
}
sql.deleteCharAt(sql.length() - 1);
sql.append(")");
log.info("[{}] - 插入操作：{}",table,sql);
Query query = runCountSql(sql.toString());
query.executeUpdate();
}
4.1.7公告通知界面
当点击导航栏上的“公告通知”的时候，就会进入对应的界面查察公告信息，网站公告界面如下图4-7所示。
图4-7公告通知界面图
公告通知关键代码如下所示。
@RequestMapping("/get_list")
public Map<String, Object> getList(HttpServletRequest request) {
Map<String, Object> map = service.selectToPage(service.readQuery(request), service.readConfig(request));
return success(map);
}
4.2管理员功能模块
4.2.1登录界面
管理员在登录界面输入账号+密码，点击“登录”按钮，体系在用户数据库表中会对管理员，体系用户的账号进行匹配，账号+密码正确的话，就会登录到体系中各个用户的主管理界面，否则提示对应的信息，返回到登录的界面，假如管理职员忘记密码的话，点击“忘记密码”根据提示可以找回密码，然后再进行登录其主界面展示如下图4-8所示。
图4-8登录界面图
4.2.2歌曲信息管理界面
交际型音乐网站中的管理员在“歌曲信息管理”这一菜单是中会出现歌曲信息列表+歌曲信息添加这两个子菜单，可以对这两个模块进行增删改查操作。界面如下图4-9所示。
图4-9歌曲信息管理界面图
4.2.3公告通知管理界面
公告通知管理模块是对网站公告进行增删改查，只有管理员权限才能进行更新维护。界面如下图4-10所示。
图4-10公告通知管理界面图
公告通知管理关键代码如下所示。
@RequestMapping(value = {"/avg_group", "/avg"})
public Map<String, Object> avg(HttpServletRequest request) {
Query count = service.avg(service.readQuery(request), service.readConfig(request));
return success(count.getResultList());
}
4.2.4资源管理界面
点击“资源管理”按钮会显示己添加的音乐资讯和资讯分类，假如想要添加新的音乐资讯，点击“添加”按钮根据提示输入音乐标题，点击“提交”后在音乐资讯界面就可以显示了，假如信息有错可以对音乐资讯进行更新维护，也可以直接删除某一交际型音乐资讯，界面如下图4-11所示。
图4-11资源管理界面图
资源管理代码如下所示。
@RestController
@RequestMapping("auth")
public class AuthController extends BaseController<Auth, AuthService> {
/**
* 服务对象
*/
@Autowired
public AuthController(AuthService service) {
setService(service);
}
}
5 体系测试
5.1体系测试的目的
体系开发到了最后一个阶段那就是体系测试，体系测试对软件的开发其实黑白常有必要的。由于没什么系同一经开发出来就可能会精美绝伦，再锋利的体系开发工程师也会在体系开发的时候出现马虎，体系测试可以或许较好的改正一些bug，为后期体系的维护性提供很好的支持。通过体系测试，开发职员也可以创建本身对体系的信心，为后期的体系版本的跟新提供支持。
5.2 体系测试用例
体系测试包括：用户登录功能测试、公告通知展示功能测试、音乐资讯添加、音乐资讯搜刮、密码修改功能测试，如表5-1、5-2、5-3、5-4、5-5所示：
用户登录功能测试：
表5-1 用户登录功能测试表
| 用例名称
| 用户登录体系
| | 目的
| 测试用户通过正确的用户名和密码可否登录功能
| | 条件
| 未登录的情况下
| | 测试流程
| 1) 进入登录页面
2) 输入正确的用户名和密码
| | 预期效果
| 用户名和密码正确的时候，跳转到登录乐成界面，反之则显示错误信息，提示重新输入
| | 实际效果
| 实际效果与预期效果一致
|
公告通知查察功能测试：
表5-2 公告通知查察功能测试表
| 用例名称
| 公告通知查察
| | 目的
| 测试公告通知查察功能
| | 条件
| 用户登录
| | 测试流程
| 点击公告通知列表
| | 预期效果
| 可以查察到所有公告通知信息
| | 实际效果
| 实际效果与预期效果一致
|
管理员添加音乐资讯界面测试：
表5-3 管理员添加音乐资讯界面测试表
| 用例名称
| 音乐资讯发布测试用例
| | 目的
| 测试音乐资讯发布功能
| | 条件
| 用户正常登录情况下
| | 测试流程
| 1）点击音乐资讯信息管理就，然后点击添加后并填写信息。
2）点击进行提交。
| | 预期效果
| 提交以后，页面首页会显示新的音乐资讯信息
| | 实际效果
| 实际效果与预期效果一致
|
音乐资讯搜刮功能测试：
表5-4音乐资讯搜刮功能测试表
| 用例名称
| 音乐资讯搜刮测试
| | 目的
| 测试音乐资讯搜刮功能
| | 条件
| 无
| | 测试流程
| 1）在搜刮框填入搜刮关键字。
2）点击搜刮按钮。
| | 预期效果
| 页面显示包含有搜刮关键字的音乐资讯
| | 实际效果
| 实际效果与预期效果一致
|
密码修改功能测试：
表5-5 密码修改功能测试表
| 用例名称
| 密码修改测试用例
| | 目的
| 测试管理员密码修改功能
| | 条件
| 管理员用户正常登录情况下
| | 测试流程
| 1）管理员密码修改并完成填写。
2）点击进行提交。
| | 预期效果
| 使用新的密码可以登录
| | 实际效果
| 实际效果与预期效果一致
|
5.3 体系测试效果
通过编写交际型音乐网站的测试用例，已经检测完毕用户登录模块、公告通知查察模块、音乐资讯添加模块、音乐资讯搜刮模块、密码修改功能测试，通过这5大模块为交际型音乐网站的后期推广运营提供了强力的技能支撑。
结论
至此，交际型音乐网站已经竣事，在开发前做了许多的准备，在本体系的设计和开发过程中阅览和学习了许多文献资料，从中我也收获了许多名贵的方法和设计思路，对体系的开发也起到了很告急的作用，体系的开发技能选用的都是本身比较认识的，比如VUE、Springboot技能、MYSQL，这些技能都是在以前的学习中学到了，其中许多的设计思路和方法都是在以前不停地学习中探索出来的经验，其实对于我们来说工作量照旧比较大的，但是正是由于之前的积累与准备，才能顺利的完成这个项目，由此看来，积累经验跟做好准备是十分告急的事情。
当然在该体系的设计与实现的过程中也离不开老师以及同学们的帮助，正是由于他们的引导与帮助，我才可以或许乐成的在预期内完成了这个体系。同时在这个过程当中我也收获了许多东西，此体系也有必要改进的地方，但是由于专业知识的浮浅，并不能做到十分完善，希望以后有机会可以让其真正的投入到使用之中。
参考文献
[1]徐少军,李宗哲,梅杰,等.基于Springboot+Vue框架的质量检验监督管理体系研发[J].纺织尺度与质量,2024,(01):11-14+21.
[2]李志伟.基于ASP.NET的在线音乐网站设计[J].信息记录材料,2024,25(01):163-165.DOI:10.16009/j.cnki.cn13-1295/tq.2024.01.072.
[3]武际斌,段良华,金永亮.基于Vue+SpringBoot的课程思政素材库的设计与实现[C]//百色学院马克思主义学院.2023年思想政治教育论坛论文集.山东信息职业技能学院;,2023:3.DOI:10.26914/c.cnkihy.2023.087218.
[4]姜一波.基于SpringBoot+Vue的在线考试体系设计与实现[J].无线互联科技,2023,20(23):68-71.
[5]黄娟.基于SpringBoot和Vue.js的医院数据提取管理平台的设计与实现[J].信息与电脑(理论版),2023,35(22):91-93.
[6]李冉,杨军,宁玉富,等.基于SpringBoot框架和CNN-SVM算法的浸润性肺腺癌细胞的初步诊断筛选体系[J].无线互联科技,2023,20(22):58-61.
[7]戴建成,王华,范玉婷.基于SpringBoot+VUE的高校廉政档案管理体系设计与实现[J].产业与科技论坛,2023,22(21):58-60.
[8]陈冬君,孔海军,吴荷,等.基于SpringBoot+Vue的智能随车营销体系[J].电脑与电信,2023,(09):55-59.DOI:10.15966/j.cnki.dnydx.2023.09.017.
[9]庞嵩昊,李盈,赵艺,等.基于Vue和SpringBoot前后端分离的宠物服务体系的设计与实现[J].电脑知识与技能,2023,19(21):42-45.DOI:10.14004/j.cnki.ckt.2023.1068.
[10]银莉,杜啸楠.基于SpringBoot和Vue的校园积分体系的设计与实现[J].集成电路应用,2023,40(07):414-415.DOI:10.19339/j.issn.1674-2583.2023.07.187.
[11]邓清延,张婷,郭赵飞,等.基于SpringBoot和Vue的应收账款融资体系的设计与实现[J].信息与电脑(理论版),2023,35(11):130-133.
[12]杜瑞庆,李一诺,黎作鹏.基于Vue和SpringBoot的C语言程序在线测评体系的设计与实现[J].唐山师范学院学报,2023,45(03):58-63.
[13]耿梦琪.音乐网站图标设计应用分析[J].化纤与纺织技能,2022,51(11):197-199.
[14]Weiming L .Constructing a Music Network Teaching System by Using Neural Network Model with Wireless Audio Transmission[J].Wireless Communications and Mobile Computing,2022,2022
[15]吴波,段元梅.基于Vue的音乐网站设计与实现[J].无线互联科技,2022,19(01):48-49.
[16]Chen G ,Xu J .Design and implementation of efficient Learning platform based on SpringBoot Framework[J].Journal of Electronics and Information Science,2020,6(1):
[17]任佳.我国现有音乐网站分析与研究[D].西安音乐学院,2020.DOI:10.27402/d.cnki.gxayc.2020.000031.
[18]Li Z .Design and Implementation of Fashion Music Resource Website Based on Asp[J].Journal of Physics Conference Series,2020,1544(1):012194.
[19]Oswari T ,Yusnitasari T ,Kusumawati D R , et al.Design and test music recommendation system for online music websites using collaborative filtering approach[J].International Journal of Digital Signals and Smart Systems,2020,4(1-3):64-79.
[20]Teddy O ,Tristyanti Y ,Diah R K , et al.Design and test music recommendation system for online music websites using collaborative filtering approach[J].International Journal of Digital Signals and Smart Systems,2020,4(1/2/3):64-64.
致 谢
在此论文完成之际，感谢我的引导老师。在引导老师的网页设计课上，当时我学到了许多东西，这对于我训练过程中也打了肯定的基础，而且引导老师对于我的设计也提出许多建议，并予以悉心的引导，对于一些微小的题目都耐烦的引导我去完善，授予我写论文的好友，时常的鼓励我，另外感谢辅导我完善此项目的前端同学，对于这个项目，我是边学习边实现完成的，有许多东西开始并不是很明白，但前端开发的同学非常耐烦的引导我去将这个项目完成，在体系的后端开发中，所用到的后台开发技能也时常会给我讲解，助于我更好的将论文完成，在此对帮助到我的同学和不停予以辅导的引导老师致以衷心的感谢，祝奇迹有成。
免费领取项目源码，请关注❤点赞收藏并私信博主，谢谢-
免费领取项目源码，请关注❤点赞收藏并私信博主，谢谢-
免费领取项目源码，请关注❤点赞收藏并私信博主，谢谢-
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。 |
