建设b2b网站平台_建筑工程网教育网_学校网站英文_网页界面设计中主要包括

2 相关技术介绍

2.1 MySQL数据库

无论是在个人学习中还是在企业办公中，MySQL数据库一直都是一种具有强大扩展性，强大功能的数据信息管理工具和处理工具。由于MySQL数据库的存在，将Windows系统所拥有的优点展现的淋漓尽致，而且能够对Win进行图形化的管理，使得使用者在操作系统的过程中对项目能够做到一目了然；而其强大的储存功能更是为系统工程运作提供了保障。MySQL不仅仅是一种优秀的数据信息处理工具，更是一个拥有独立的，完整的数据库语言的管理平台[5]。

2.2 Java编程语言

早在上个世纪90年代，Java就由詹姆斯·高斯林进行开发，自诞生之日起，Java就一直深深的受到了程序开发者的广泛喜爱，它作为计算机主要的编程语言，一直到今。Java语言是真的是一种纯面向对象的计算机语言，在Java的世界中，所有的方法、数据类型、符号等都是以类的方式存在的，最顶层的就是Object，所有的类都是对object的继承。继承是Java中的核心思想，与C语言不同的是，子类只有一个父类，这样的好处就是操作更加的简便，让人更容易理解，在代码的书写上也会容易较多。Java另外一个特性就是多态性，调用父类接口的方法可以实现子类的实现，这样的好处就是很好的对实现方法进行了隐藏（封装），而且又能够把API进行公开，一举两得。接口思想很好的诠释了想象对象的思想，让面向对象编程渐渐转向面向接口编程。如今，随着编程思想的继续发展，Java也加入了一些函数式编程的思想，这样的好处就是让编程代码更加的简洁与方便。本管理系统采用Java编程语言进行后台的开发，一是鉴于标准化制定以后[4]，Java语言常用于大型商业应用程序后台系统中，生态稳定；二是也希望通过本系统的开发提高自己编写Java代码的能力[6]。

2.3 SpringBoot框架介绍

Spring框架是Java平台上的一种开源应用框架，提供具有控制反转特性的容器。尽管Spring框架自身对编程模型没有限制，但其在Java应用中的频繁使用让它备受青睐，以至于后来让它作为EJB（EnterpriseJavaBeans）模型的补充，甚至是替补。Spring框架为开发提供了一系列的解决方案，比如利用控制反转的核心特性，并通过依赖注入实现控制反转来实现管理对象生命周期容器化，利用面向切面编程进行声明式的事务管理，整合多种持久化技术管理数据访问，提供大量优秀的Web框架方便开发等等。Spring框架具有控制反转（IOC）特性，IOC旨在方便项目维护和测试，它提供了一种通过Java的反射机制对Java对象进行统一的配置和管理的方法。Spring框架利用容器管理对象的生命周期，容器可以通过扫描XML文件或类上特定Java注解来配置对象，开发者可以通过依赖查找或依赖注入来获得对象。Spring框架具有面向切面编程（AOP）框架，SpringAOP框架基于代理模式，同时运行时可配置；AOP框架主要针对模块之间的交叉关注点进行模块化。Spring框架的AOP框架仅提供基本的AOP特性，虽无法与AspectJ框架相比，但通过与AspectJ的集成，也可以满足基本需求。Spring框架下的事务管理、远程访问等功能均可以通过使用SpringAOP技术实现。Spring的事务管理框架为Java平台带来了一种抽象机制，使本地和全局事务以及嵌套事务能够与保存点一起工作，并且几乎可以在Java平台的任何环境中工作。Spring集成多种事务模板，系统可以通过事务模板、XML或Java注解进行事务配置，并且事务框架集成了消息传递和缓存等功能。Spring的数据访问框架解决了开发人员在应用程序中使用数据库时遇到的常见困难。它不仅对Java:JDBC、iBATS/MyBATIs、Hibernate、Java数据对象（JDO）、ApacheOJB和ApacheCayne等所有流行的数据访问框架中提供支持，同时还可以与Spring的事务管理一起使用，为数据访问提供了灵活的抽象。Spring框架最初是没有打算构建一个自己的WebMVC框架，其开发人员在开发过程中认为现有的StrutsWeb框架的呈现层和请求处理层之间以及请求处理层和模型之间的分离不够，于是创建了SpringMVC[7]。

3 系统需求分析与设计

系统需求分析是系统开发的一个关键环节，它在系统的设计和实现上起到了一个承上启下的位置。系统需求分析是对所需要做的系统进行一个需求的挖掘，如果分析的准确可以精准的解决现实中碰到的问题。如果分析不到位会影响后期系统的实现。一个系统的优秀程度需求分析也是占据了非常大的比例，如果需求分析不到位，后面的系统设计要实现就是一个偏离导航的设计。

3.1 可行性分析

系统可行行分析是对系统对系统可行性进行一个探讨。在探讨系统的可行性上我们主要从技术上的可行性和经济上的可行性以及法律层面的可行性上进行分析，如果三个层面度通过，我们则认为系统是比较可行的。

3.1.1 技术可行性分析

音乐网站系统设计与实现是一个基于Web的管理平台，我们在实现这个系统所采用的技术方案是基于JAVA语言，SpringBoot框架，MYSQL数据库，在大学的学习中这两门课程都已经学过，而且自己也用这些技术开发过小的项目，在平时的课程设计以及作业也经常用到JAVA和MYSQL，在技术上实现自己的自主开发是可行的。

3.1.2 经济可行性分析

开发音乐网站系统并不需要投入太多，开发工具、服务器、数据库等，都可以通过网络搜索、下载、安装，只需要一台普通的计算机就可以完成操作，而且在系统功能规划上通过走访调查目前用户对音乐网站系统的需求，了解它们对系统具体实现的功能需求，然后进行设计开发，不存在任何开销，因此系统的开发在经济方面是可行的。

3.1.3 法律可行性分析

系统从法律层面上来没有对第三方有其他放有法律层面的问题，系统数据库采用的Mysql 开源社区数据库、框架采用的是开源的SpringBoot。系统资讯和相关内容也是呵呵法律层面的。在源码的管理上采用git开源进行管理，所以在法律可行性上是成立的。

3.2 需求分析

3.2.1 功能性分析

音乐网站系统我划分为了普通用户管理模块和管理员模块这两大部分。

普通用户管理模块：

（1）用户注册登录：游客可以随时进入到系统中，对系统中的信息浏览，但是想要实现音乐信息的收藏评论等，就必须有这个系统的账号，如果没有账号的话，可以注册成用户进行相关的操作，同时用户还可以对个人信息以及操作的信息进行管控。

（2）查看音乐网站系统的首页信息：音乐网站系统的首页信息包含了首页、通知公告、音乐资讯、热门音乐等。

（3）通知公告：当用户点击“通知公告”这一菜单按钮，会显示管理员在后台发布的所有的通知公告，可以查看详情；

（4）音乐资讯：当用户点击“音乐资讯”这一菜单按钮，会显示管理员在后台发布的所有的音乐资讯，可以查看详情，进行收藏、点赞、评论等；

（5）热门音乐：当用户点击“热门音乐”这一菜单按钮，会显示管理员在后台发布的所有的音乐信息，支持通过关键词对音乐信息进行搜索，选择需要的音乐信息点击可以进入到音乐信息详细的介绍界面，在详细界面可以查看到音乐的音乐名称、音乐分类、歌手名称、音乐音频等信息，音乐音频提供下载和调节音乐播放速度，热门音乐网页底部下方有快捷播放按钮，同时可以进行点赞、收藏、评论操作；

（6）我的账户：在前台点击“我的”下面的“我的账户”可以对个人资料+密码修改的信息进行管控。

（7）个人中心：在“个人中心”这一菜单下，我们会看到首页、收藏，用户可以对其进行操作。

管理员管理模块：

（1）登录：管理员在后台可以输入用户名+密码进行登录，管理员的用户名和密码是在数据库中直接设定好的。

（2）系统用户：管理员点击“系统用户”菜单可以对系统中存在的用户进行管理，包含了管理员用户和普通用户。

    （3）热门音乐管理：管理员点击“热门音乐管理”可以对热门音乐信息进行添加，可以查看热门音乐列表中的某一信息详情，可以对热门音乐列表进行增删改查操作。

    （4）音乐分类管理：管理员点击“音乐分类管理”可以对音乐分类信息进行添加，可以查看音乐分类列表中的某一信息详情，可以对音乐分类列表进行增删改查操作。

（5）系统管理：管理员点击“系统管理”菜单可以对首页展示的轮播图进行增删改查。

（6）通知公告管理：管理员点击“通知公告”菜单可以查看到系统中的所有通知公告信息，对已经存在的通知公告，管理员可以修改，也可以添加新的通知公告或者删除通知公告。

 （7）资源管理：管理员点击“资源管理”菜单能够对其下子菜单音乐资讯和音乐资讯的分类进行增删改查。

3.2.2 非功能性分析

音乐网站系统的非功能性需求比如音乐网站系统的安全性怎么样，可靠性怎么样，性能怎么样，可拓展性怎么样等。具体可以表示在如下3-1表格中：

表3-1音乐网站系统非功能需求表

安全性	主要指音乐网站系统数据库的安装，数据库的使用和密码的设定必须合乎规范。
可靠性	可靠性是指音乐网站系统能够按照用户提交的指示进行操作，经过测试，可靠性90%以上。
性能	性能是影响音乐网站系统占据市场的必要条件，所以性能最好要佳才好。
可扩展性	比如数据库预留多个属性，比如接口的使用等确保了系统的非功能性需求。
易用性	用户只要跟着音乐网站系统的页面展示内容进行操作，就可以了。
可维护性	音乐网站系统开发的可维护性是非常重要的，经过测试，可维护性没有问题

3.3 系统用例分析

音乐网站系统的完整UML用例图分别是图2-1和图2-2。

图3-1就是普通用户角色的用例展示。

图3-1 音乐网站系统普通用户角色用例图

图3-2就是管理员角色的用例展示。

图3-2 音乐网站系统管理员角色用例图

3.4 系统架构设计

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

系统架构如图3-3所示。

图3-3 系统架构

3.5功能模块结构设计

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

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

综上所述，系统功能结构图如图3-4所示。

图3-4 系统功能结构图

3.5.1用户模块设计

本系统的用户包括管理员和用户两种用户模块的功能基本是相同的，用户比管理员多了一个注册功能，所以以用户模块的结构图为例进行分析，用户模块结构图为例进行分析，如图3-5所示：

图3-5用户模块结构图

3.5.2 评论管理模块设计

音乐网站系统是一个交流性质的公开平台，用户在平台上提交评论，增加用户之间的互动性。但是同时也为了更好的规范评论的内容，给予管理员删除不合适的评论的功能，所以需要专门设计一个评论管理模块，具体的结构如图3-6所示：

图3-6评论管理模块结构图

3.5.3音乐信息管理模块设计

音乐网站系统是中需要存储不少音乐信息，其模块功能结构，具体的结构如图3-7所示：

图3-7音乐信息模块结构图

3.6 系统数据库设计

数据库设计一般包括需求分析、概念模型设计、数据库表建立三大过程，其中需求分析前面章节已经阐述，概念模型设计有概念模型和逻辑结构设计两部分。

3.6.1 数据库概念结构设计

音乐网站系统的E-R图主要是根据普通用户以及管理员的实际需求设计的，用户注册以后可以查看音乐信息，只有注册登录以后才可以进行音乐信息、收藏、评论等；管理员对整个系统的音乐信息、博客信息等进行综合管理。音乐网站系统采用的是MYSQL的数据库进行存储的，数据库里面储存了很多的表信息，在此罗列出来一些主要的数据库E-R模型图。

图3-8 普通用户信息E-R关系图

图3-9 热门音乐E-R关系图

图3-10 音乐分类E-R关系图

图3-11 评论信息E-R关系图

下面是整个音乐网站系统中主要的数据库表总E-R实体关系图如图3-13所示。

图3-13 音乐网站系统总E-R关系图

3.6.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：

表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：

表music_classification (音乐分类)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	music_classification_id	int	10	0	N	Y		音乐分类ID
2	music_classification	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	更新时间

表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	更新时间：

表popular_music (热门音乐)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	popular_music_id	int	10	0	N	Y		热门音乐ID
2	music_name	varchar	64	0	Y	N		音乐名称
3	music_classification	varchar	64	0	Y	N		音乐分类
4	music_poster	varchar	255	0	Y	N		音乐海报
5	singer_name	varchar	64	0	Y	N		歌手名称
6	music_audio	varchar	255	0	Y	N		音乐音频
7	issue_date	date	10	0	Y	N		发行日期
8	hits	int	10	0	N	N	0	点击数
9	praise_len	int	10	0	N	N	0	点赞数
10	recommend	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	更新时间

表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已取消

表regular_users (普通用户)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	regular_users_id	int	10	0	N	Y		普通用户ID
2	user_name	varchar	64	0	N	N		用户姓名
3	user_gender	varchar	64	0	Y	N		用户性别
4	contact_information	varchar	64	0	Y	N		联系方式
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	更新时间

表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	更新时间：

表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	更新时间：

4 系统的实现

音乐网站系统的详细设计与实现主要是根据前面的音乐网站系统的需求分析和音乐网站系统的总体设计来设计页面并实现业务逻辑。主要从音乐网站系统界面实现、业务逻辑实现这两部分进行介绍。

4.1用户功能模块实现

4.1.1 前台首页界面

当进入音乐网站系统的时候，系统以上中下的布局进行展示，首先映入眼帘的是系统的导航栏，下面是轮播图，再往下是公告信息，其主界面展示如下图4-1所示。

图4-1 前台首页界面图

4.1.2 用户注册界面

音乐网站系统的游客和普通用户时可以进行注册登录，当用户右上角“注册”按钮的时候，当填写上自己的账号+密码+确认密码+昵称+邮箱+手机号等后再点击“注册”按钮后将会先验证输入的有没有空数据，再次验证密码和确认密码是否是一样的，最后验证输入的账户名和数据库表中已经注册的账户名是否重复，只有都验证没问题后即可用户注册成功。其用用户注册界面展示如下图4-2所示。

图4-2注册界面图

注册关键代码如下：

/**

     * 注册

     * @param user

     * @return

     */

    @PostMapping("register")

    public Map<String, Object> signUp(@RequestBody User user) {

        // 查询用户

        Map<String, String> query = new HashMap<>();

        Map<String,Object> map = JSON.parseObject(JSON.toJSONString(user));

        query.put("username",user.getUsername());

        List list = service.selectBaseList(service.select(query, new HashMap<>()));

        if (list.size()>0){

            return error(30000, "用户已存在");

        }

        map.put("password",service.encryption(String.valueOf(map.get("password"))));

        service.insert(map);

        return success(1);

}     

4.1.3 用户登录界面

音乐网站系统中的前台上注册后的用户是可以通过自己的账户名和密码进行登录的，当普通用户输入完整的自己的账户名和密码信息并点击“登录”按钮后，将会首先验证输入的有没有空数据，再次验证输入的账户名+密码和数据库中当前保存的用户信息是否一致，只有在一致后将会登录成功并自动跳转到音乐网站系统的首页中；否则将会提示相应错误信息，用户登录界面如下图4-3所示。

图4-3用户登录界面图

登录的逻辑代码如下所示。

/**

     * 登录

     * @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, "账号或密码不正确");

        }

}

4.1.4我的账户界面

当用户点击右上角“我的”这个按钮，会出现子菜单，点击“我的账户”可以对个人的资料、登录系统的密码的信息进行设置管理，我的账户界面如下图4-4所示。

图4-4我的账户界面图

4.1.5 音乐资讯界面

当访客点击音乐网站系统中导航栏上的“音乐资讯”后将会进入到该“音乐资讯”列表的界面，然后选择想要看的音乐资讯，点击进入到详细界面，同时可以进行点赞、收藏、评论操作，音乐资讯界面如下图4-5所示。

图4-5音乐资讯界面图

4.1.6热门音乐详情界面

用户可以查看热门音乐信息，在查询到自己想要了解的音乐信息的时候，可以进入查看详细的介绍，支持用户对喜欢的音乐进行收藏、点赞、评论的功能、音乐音频提供下载和调节音乐播放速度，热门音乐网页底部下方有快捷播放按钮，同时可以进行点赞、收藏、评论操作；系统会根据用户搜索了哪类类型的来推荐喜好、协同计算法，热门音乐详情界面如下图4-7所示。

图4-6 热门音乐详情界面图

4.1.7通知公告界面

管理员点击“通知公告”菜单可以查看到系统中的所有通知公告信息，对已经存在的通知公告，管理员可以修改，也可以添加新的通知公告或者删除通知公告，通知公告界面如下图4-7所示。

图4-7通知公告界面图

4.2管理员功能模块实现

4.2.1管理员登录界面

管理员在后台可以通过账号和密码进行登录，管理员的账号和密码是在数据库中直接设定的，如果忘记密码可以点击“忘记密码”进行密码找回。界面展示如下图4-8所示。

图4-8管理员登录界面图

4.2.2系统用户管理界面

管理员点击“系统用户”这一菜单会显示管理员和普通用户这两个子菜单，管理员可以对这两个角色的信息进行增删改查操作。界面如下图4-9所示。

图4-9系统用户管理界面图

用户管理关键代码如下：

  @PostMapping("/add")

    @Transactional

    public Map<String, Object> add(HttpServletRequest request) throws IOException {

        service.insert(service.readBody(request.getReader()));

        return success(1);

    }

public Map<String, Object> addMap(Map<String,Object> map){

    service.insert(map);

     return success(1);

 }

4.2.3热门音乐管理界面

点击“热门音乐”按钮会显示自己发布的所有的音乐信息，如果想要添加新的音乐，点击“添加”按钮根据提示输入音乐信息，点击“提交”后在音乐信息界面就可以显示了，如果信息有错，点击“编辑”按钮可以对音乐信息进行更新维护，也可以直接删除某一租赁，同时设有查看管理评论的功能，对用户提交的评论进行管控，界面如下图4-10所示。

图4-10热门音乐管理界面图

热门音乐管理关键代码如下：

 @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音乐分类管理界面

管理员点击“音乐分类”会显示出所有的音乐分类信息，支持输入音乐分类对音乐类型信息进行查询，如果想要添加新的音乐分类信息，点击“添加”按钮，输入相关信息，点击“提交”按钮就可以添加了，同时可以选择某一条音乐分类信息，点击“删除”进行删除。界面如下图4-11所示。

图4-11音乐分类管理界面图

音乐分类管理关键代码如下：

@PostMapping("/set")

@Transactional

    public Map<String, Object> set(HttpServletRequest request) throws IOException {

        service.update(service.readQuery(request), service.readConfig(request), service.readBody(request.getReader()));

        return success(1);

    }

4.2.5通知公告管理界面

管理员点击“通知公告管理”菜单可以查看到系统中的所有通知公告信息，对已经存在的通知公告，管理员可以修改，也可以添加新的通知公告或者删除通知公告。界面如下图4-12所示。

图4-12 通知公告管理界面界面图

通知公告管理界面管理关键代码如下：

@RequestMapping(value = "/del")

    @Transactional

    public Map<String, Object> del(HttpServletRequest request) {

        service.delete(service.readQuery(request), service.readConfig(request));

        return success(1);

    }

    public void delete(Map<String,String> query,Map<String,String> config){

        QueryWrapper wrapper = new QueryWrapper<E>();

        toWhereWrapper(query, "0".equals(config.get(FindConfig.GROUP_BY)),wrapper);

        baseMapper.delete(wrapper);

        log.info("[{}] - 删除操作：{}",wrapper.getSqlSelect());

    }

4.2.6 资源管理界面

管理员点击“资源管理”菜单能够对其下子菜单音乐资讯和音乐资讯的分类进行增删改查。界面如下图4-13所示。

图4-13资源管理界面图

5系统测试

5.1 测试目的及方法

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

5.2 系统测试用例

系统测试包括：用户登录功能测试、音乐信息展示功能测试、音乐信息添加、密码修改功能测试，如表5-1、5-2、5-3、5-4所示：

用户登录功能测试：

表5-1 用户登录功能测试表

用例名称	用户登录系统
目的	测试用户通过正确的用户名和密码可否登录功能
前提	未登录的情况下
测试流程	1) 进入登录页面 2) 输入正确的用户名和密码
预期结果	用户名和密码正确的时候，跳转到登录成功界面，反之则显示错误信息，提示重新输入
实际结果	实际结果与预期结果一致

热门音乐信息查看功能测试：

表5-2 热门音乐信息查看功能测试表

用例名称	热门音乐信息查看
目的	测试热门音乐信息查看功能
前提	用户登录
测试流程	点击热门音乐信息
预期结果	可以查看到所有热门音乐信息
实际结果	实际结果与预期结果一致

管理员添加音乐分类信息界面测试：

表5-3 管理员添加音乐分类信息界面测试表

用例名称		音乐分类信息添加测试用例
目的		测试音乐分类信息添加功能
前提		管理员用户正常登录情况下
测试流程		1）管理员点击音乐分类信息，然后点击添加后并填写信息。 2）点击进行提交。
预期结果		提交以后，页面首页会显示新的音乐分类信息
实际结果		实际结果与预期结果一致
实际结果	实际结果与预期结果一致

密码修改搜索功能测试：

表5-4 密码修改功能测试表

用例名称	密码修改测试用例
目的	测试管理员密码修改功能
前提	管理员用户正常登录情况下
测试流程	1）管理员密码修改并完成填写。 2）点击进行提交。
预期结果	使用新的密码可以登录
实际结果	实际结果与预期结果一致

5.3 系统测试结果

通过编写音乐网站系统的测试用例，已经检测完毕用户登录功能测试、热门音乐信息展示功能测试、音乐分类信息添加、密码修改功能测试，通过这4大模块为音乐网站系统的后期推广运营提供了强力的技术支撑。

结论 

在音乐网站系统开发之前，需要先对用户的具体需求进行分析。包括系统的可行性分析、功能需求分析以及其他需求等。在可行性分析过程中，对系统实现的技术性、经济性以及管理等方面进行了分析。总体上证明了系统实施的可行性。

本文总结了音乐网站系统实现背景与现状，然后阐述了系统的具体业务需求，并根据系统需求对系统结构以及功能模块等进行了详细地设计，将整个系统划分为多个不同的功能模块。在分析系统功能需求时，对整个系统的总体架构以及功能模块等进行了分析，并选择合适的系统开发技术完成了对各个模块的开发工作。系统开发完成之后进行了部署，同时进行了系统的测试过程，通过测试证明了系统在功能以及性能等方面都达到了预期的要求，具有较高的稳定性与可靠性。

天津响应式网站建设制作如何在一个地方建设网站网站备案和域名备案建筑设计说明模板100字外贸网站运营是做什么的网站制作的相关术语有哪些网页版梦幻西游能交易吗四川建设厅住房和城乡建设厅网络系统的日常维护制度包括宁波找网站建设企业装修案例标题怎么写电商培训需要什么资质中国建筑集团有限公司是央企还是国企专门搜索知乎内容的搜索引擎网页小游戏有哪些互动对战平台javascript是什么意思网页版微信二维码失效怎么恢复辽宁大连直客部七部是什么件郑州富士康小时工中央人民政府网站克褔单网站基本流程广告营销有哪些经典的公司简介云南旅游网站建设怎么申请免费企业网站徐州人才网官网登录英才简历在线制作网站怎么开自己的网店成都网页设计设公司长治在网络做推广

猜你喜欢

• 免费网络视频下载_制作网站的公司还能赚钱吗
• 浏览器网址链接_郑州装修公司哪家好
• 专业建站公司费用_短视频营销方式
• 搜索引擎营销的简称_南宁小程序制作的公司