摘  要

信息化社会内需要与之针对性的信息获取途径，但是途径的扩展基本上为人们所努力的方向，由于站在的角度存在偏差，人们经常能够获得不同类型信息，这也是技术最为难以攻克的课题。针对世界杯足球赛网站等问题，对世界杯足球赛网站进行研究分析，然后开发设计出世界杯足球赛网站以解决问题。

世界杯足球赛网站主要功能模块包括球队赛程、小组赛事、淘汰赛事、积分榜、赛事门票、订单管理，采取面对对象的开发模式进行软件的开发和硬体的架设，能很好的满足实际使用的需求，完善了对应的软体架设以及程序编码的工作，采取MySQL作为后台数据的主要存储单元，采用springboot框架、JAVA技术、Ajax技术进行业务系统的编码及其开发，实现了本系统的全部功能。本次报告，首先分析了研究的背景、作用、意义，为研究工作的合理性打下了基础。针对世界杯足球赛网站的各项需求以及技术问题进行分析，证明了系统的必要性和技术可行性，然后对设计系统需要使用的技术软件以及设计思想做了基本的介绍，最后来实现世界杯足球赛网站和部署运行使用它。

关键词：世界杯足球赛网站；Eclipse；java；springboot

Abstract

In the information society, there is a need for targeted access to information, but the expansion of the access is basically the direction of people's efforts. Because of the deviation in the perspective, people can often obtain different types of information, which is also the most difficult subject for technology to overcome. Aiming at the problems of the World Cup football website, this paper studies and analyzes the World Cup football website, and then develops and designs the World Cup football website to solve the problems.

The main functional modules of the World Cup football website include the team schedule, group events, elimination events, scoreboards, event tickets, and order management. The object-oriented development model is adopted for software development and hardware installation, which can well meet the needs of actual use. The corresponding software installation and program coding are completed. MySQL is adopted as the main storage unit of background data, and the springboot framework is adopted JAVA technology and Ajax technology are used to code and develop the business system and realize all the functions of the system. This report first analyzes the background, role and significance of the research, laying a foundation for the rationality of the research work. This paper analyzes the requirements and technical problems of the World Cup football website, proves the necessity and technical feasibility of the system, and then makes a basic introduction to the technical software and design ideas needed to design the system, and finally realizes the World Cup football website and deploys and runs it.

Key words:World Cup football match website; Eclipse； java； springboot

目录

1 绪论

1.1 开发现状

1.2研究意义

1.3相关技术介绍

1.4 springboot框架介绍

2 世界杯足球赛网站分析

2.1 可行性分析

2.1.1 技术可行性分析

2.1.2 经济可行性分析

2.2 系统需求分析

2.2.1 功能性需求分析

2.2.2 非功能性分析

2.3 系统用例分析

3 世界杯足球赛网站总体设计

3.1 系统模块设计

3.2 数据库设计

3.3.1 数据库概念结构设计

3.2.2 数据库逻辑结构设计

4 世界杯足球赛网站设计与实现

4.1 系统首页页面

4.2 注册界面

4.3 登录界面

4.4 足球论坛界面 20

4.5足球新闻界面 21

4.6小组赛事详情界面 23

4.7修改密码界面 24

4.8 资源管理界面 24

4.9 交流管理界面 25

4.10用户管理界面 26

4.11赛事门票管理界面

5世界杯足球赛网站测试

5.1 调试部分问题

5.2 系统测试用例 30

5.3 系统测试结果 31

结论 32

参考文献 33

致谢 35

1 绪论

1.1 开发现状

随着社会的发展和科学技术的进步，互联网技术越来越受欢迎。网络传播的生活方式逐渐受到广大人民群众的喜爱。越来越多的互联网爱好者开始在互联网上满足他们的基本需求，同时逐渐进入各个用户的生活起居。互联网具有许多优点，例如便利性，速度，高效率和低成本。因此，类似于智慧旅游，满足用户工作繁忙的需求，不仅是方便用户随时查看信息的途径，而且还能提高管理效率。

本文首先以世界杯足球赛网站过程的基本问题作为研究对象。在开发系统之前，我们对现有状况进行了详细的调查和分析。最后，我们利用计算机技术开发了一套完整合适的世界杯足球赛网站。该系统的实现主要优势是：该系统主要采用计算机技术开发，它方便快捷；系统可以通过管理员界面查看用户的所有信息管理。

世界杯足球赛网站软件是一款方便、快捷、实用的信息服务查询软件。随着智能网络在全球市场的不断普及以及各种智能平台的使用，系统的开发与人们的日常需求相关，作为中国主流智能的技术开发系统，自然需要这样的软件来满足更多用户的需求和体验。

1.2研究意义

随着社会经济的发展，人们对生活质量的要求越来越高，作为服务之一的网络也在不断的完善服务体制，世界杯作为一种世界性赛事，它不仅可以吸引全球球迷的眼球，更能够让全世界人民了解世界足球水平。因此，世界杯足球赛网站建设是一项十分重要的工作世界杯期间为广大球迷提供了一个方便、快捷的信息平台，同时也给网站带来了巨大的商机和经济效益世界杯网站开发对于我国来说具有重大现实意义。

1.3相关技术介绍

（1）世界杯足球赛网站中的web后台管理中的后端不再使用古老的jsp+javabean+servlet技术，而是使用当前主流的springboot框架，它减少java配置代码，简化编程代码，目前springboot框架也是很多企业选择的框架之一。

（2）世界杯足球赛网站中的web后台管理中的前端使用的是bootstrap框架，它配合ajax和jquery可以美化页面设计。

（3）流行vue框架结合jQuery技术，在jQuery基础上扩展一些插件，通过自己定义插件更好的实现前端的设计。

（4）世界杯足球赛网站中数据库用的mysql5.7，它执行效率高。

1.4springboot框架介绍

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。

2 世界杯足球赛网站分析

2.1 可行性分析

2.1.1 技术可行性分析

通过了解对世界杯足球赛网站的真实需求后，将世界杯足球赛网站所需要的角色划分整理成了下图2-1，图2-2和图2-3。

从开发工具来看，由于世界杯足球赛网站是基于JAVA的，因此有很多开发工具都可以进行开发，这些功能强大的开发工具可以给我来设计世界杯足球赛网站带来非常大的方便。

从世界杯足球赛网站的本身技术来说，对于我来开发一个世界杯足球赛网站这个毕设是不费事的。世界杯足球赛网站的开发可以简单的分为前台端、后台端开发以及数据库开发。其中的大部分技术难点在我上学时已经使用过了，同时网络上很多技术点可以让我来借鉴。Web后台管理使用JAVA的springboot架构开发，数据库使用mysql，页面上使用javascript脚本，因此为我在开发世界杯足球赛网站这个毕设上省去了很多多余代码，这给我的毕设项目编写带来了极大的便利。综上所述，从技术层面来看开发世界杯足球赛网站是可行的。

从用户体验来看，市面上很多被广泛使用的系统案例可以让我来参考，因此我可以综合它们的页面交互设计的优点，基于我的毕设项目特点来进行改版，最后达到令用户满意的页面交互体验。综上所述，从技术层面来看开发世界杯足球赛网站是可行的。

2.1.2 经济可行性分析

从世界杯足球赛网站的开发成本来看，世界杯足球赛网站的设计和开发都是我自己完成的，没有其他成本上的开销。

从世界杯足球赛网站的维护成本来看，世界杯足球赛网站的开发遵循一套完整的代码编写规范，并且世界杯足球赛网站的结构设计非常灵活，遵循高内聚低耦合的原则，因此易于维护和迭代开发。

在世界杯足球赛网站上线之后，上线前期我会根据真实需求来调查，对使用我开发的世界杯足球赛网站来制定一套符合的使用费。系统运行稳定后我会将推广范围到其他的校园当中，其他校园可以使用我的世界杯足球赛网站，只需要缴纳一点点的定金，我会给他们引入广告投资和自营业务。

综合以上的分析，世界杯足球赛网站所带来的经济效益将会带来极大的收益。并且随着我的推广，来使用我开发的世界杯足球赛网站的市场将越来越大，世界杯足球赛网站带来的利润也就越来越多。因此，从经济层面来看开发世界杯足球赛网站的是可行的。

2.2 系统需求分析

2.2.1 功能性需求分析

世界杯足球赛网站从角色上划分为了普通用户、管理员两种角色。

管理员用户角色：

（1）登录：管理员的账号是在数据表表中直接设置生成的，不需要进行注册；

（2）资源管理：当点击“资源管理”这一菜单的时候，会出现新闻列表+新闻分类两个子菜单，可以对这两个模块进行增删改查操作；

（3）系统用户：当点击“系统用户”这一菜单的时候，会出现管理员+普通用户两个子菜单，可以对这两个模块进行增删改查操作；

（4）交流管理：当点击“交流管理”这一菜单的时候，会出现论坛列表+论坛分类这两个子菜单，管理员可以对这两个模块进行增删改查操作；

（5）模块管理：当点击“模块管理”这一菜单的时候，会出现球队赛程+小组赛事+淘汰赛事+积分榜+赛事门票+订单管理六个子菜单，可以对这六个模块进行增删改查操作；

普通用户角色：

（1）注册登录模块：当普通用户想要进入本世界杯足球赛网站中对资讯进行查看评论以及了解淘汰赛事等操作的时候，就必须要登录到系统当中，要是新的用户没有世界杯足球赛网站的账号的话，点击“注册”按钮，就会进入到新用户注册这个界面上，用户输入对应的账号（必须填写）+密码（必须填写）+确认密码（必须填写，而且要与密码一直）+昵称+邮箱+手机号+选择用户身份等等，然后点击“注册”，系统在用户这一数据库中会查询账号是不是存在，两次密码是不是一样，都填写正确就会注册成功，然后再进行登录，如果是之前已经注册过的用户很长时间没有使用，忘记密码，也可以点击“忘记密码”进行找回；

（2）足球新闻：在首页导航栏上我们会看到“足球新闻”这一菜单，我们点击进入进去以后，会看到所有资讯列表，在这个界面，我们可以点击进入进行查看、评论、点赞等；

（3）公告栏：在首页导航栏上我们会看到“公告栏”这一菜单，我们点击进入进去以后，会看到所有管理员在后台发布的公告信息；

（4）足球论坛：用户在足球论坛这一菜单下对用户提交的查看、同时也可以发布、评论。

（5）球队赛事：点击“球队赛事”后跳转到球队赛事提交界面，选择赛事状态，输入赛事日期、B队球队、赛事比分，然后点击提交球队赛事就完成了。

（6）我的收藏：在“我的”下可以查看管理“我的收藏”信息，可以查看收藏，也可以对不喜欢的信息进行删除收藏；

（7）我的账户：当用户点击右上角“我的”这个按钮，会出现子菜单，点击“我的账户”可以对个人的资料以及登录系统的密码进行设置；

（8）个人中心：当用户点击右上角“我的”这个按钮，就会进入到对应的后台进行信息的管理了；

（9）小组赛事：用户可以查看小组赛事信息支持通过搜索关键词的方式对小组赛事进行查询，在查询到自己想要了解的小组赛事的时候，可以进入查看详细的介绍。

2.2.2 非功能性分析

世界杯足球赛网站的非功能性需求比如世界杯足球赛网站的安全性怎么样，可靠性怎么样，性能怎么样，可拓展性怎么样等。具体可以表示在如下2-1表格中：

表2-1世界杯足球赛网站非功能需求表

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

2.3 系统用例分析

根据上一节功能分析，可以得出系统的用例，普通用户角色用例如图2.1所示。

图2.1 世界杯足球赛网站中普通用户角色用例图

管理员角色用例如图2.2所示。

图2.2 世界杯足球赛网站管理员角色用例图

3 世界杯足球赛网站总体设计

3.1 系统模块设计

根据第二章中世界杯足球赛网站的功能分析可知，世界杯足球赛网站中整体功能模块图如图3.1所示，

图3.1 世界杯足球赛网站功能模块图

3.2 数据库设计

3.3.1 数据库概念结构设计

下面是整个世界杯足球赛网站中主要的数据库表总E-R实体关系图。

图3.2 世界杯足球赛网站总E-R关系图

3.2.2 数据库逻辑结构设计

表elimination_event (淘汰赛事)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	elimination_event_id	int	10	0	N	Y		淘汰赛事ID
2	event_name	varchar	64	0	Y	N		赛事名称
3	event_date	date	10	0	Y	N		赛事日期
4	team_a	varchar	64	0	Y	N		A队球队
5	team_b	varchar	64	0	Y	N		B队球队
6	event_cover	varchar	255	0	Y	N		赛事封面
7	event_status	varchar	64	0	Y	N		赛事状态
8	match_score	varchar	64	0	Y	N		赛事比分
9	event_website	varchar	255	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	更新时间

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

表group_events (小组赛事)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	group_events_id	int	10	0	N	Y		小组赛事ID
2	event_name	varchar	64	0	Y	N		赛事名称
3	event_date	date	10	0	Y	N		赛事日期
4	team_a	varchar	64	0	Y	N		A队球队
5	team_b	varchar	64	0	Y	N		B队球队
6	event_cover	varchar	255	0	Y	N		赛事封面
7	event_status	varchar	64	0	Y	N		赛事状态
8	match_score	varchar	64	0	Y	N		赛事比分
9	event_website	varchar	255	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	更新时间

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

表league_table (积分榜)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	league_table_id	int	10	0	N	Y		积分榜ID
2	team_name	varchar	64	0	Y	N		球队名称
3	event_name	varchar	64	0	Y	N		赛事名称
4	team_flag	varchar	255	0	Y	N		球队旗帜
5	team_points	int	10	0	Y	N	0	球队积分
6	team_information	text	65535	0	Y	N		球队信息
7	recommend	int	10	0	N	N	0	智能推荐
8	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
9	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表match_club (赛事门票)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	match_club_id	int	10	0	N	Y		赛事门票ID
2	event_number	varchar	64	0	N	N		赛事编号
3	event_name	varchar	64	0	Y	N		赛事名称
4	event_date	date	10	0	Y	N		赛事日期
5	event_poster	varchar	255	0	Y	N		赛事海报
6	team_a	varchar	64	0	Y	N		A队球队
7	team_b	varchar	64	0	Y	N		B队球队
8	ticket_price	varchar	64	0	Y	N		门票价格
9	remaining_tickets	int	10	0	Y	N	0	门票余票
10	ticketing_instructions	text	65535	0	Y	N		购票须知
11	recommend	int	10	0	N	N	0	智能推荐
12	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
13	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	更新时间：

表order_management (订单管理)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	order_management_id	int	10	0	N	Y		订单管理ID
2	event_number	varchar	64	0	Y	N		赛事编号
3	event_name	varchar	64	0	Y	N		赛事名称
4	event_date	date	10	0	Y	N		赛事日期
5	team_a	varchar	64	0	Y	N		A队球队
6	team_b	varchar	64	0	Y	N		B队球队
7	ticket_price	varchar	64	0	Y	N		门票价格
8	ticket_purchaser	int	10	0	Y	N	0	购票人
9	number_of_tickets_purchased	int	10	0	Y	N	0	购票数
10	total	varchar	64	0	Y	N		总计
11	pay_state	varchar	16	0	N	N	未支付	支付状态
12	pay_type	varchar	16	0	Y	N		支付类型: 微信、支付宝、网银
13	recommend	int	10	0	N	N	0	智能推荐
14	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
15	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表ordinary_users (普通用户)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	ordinary_users_id	int	10	0	N	Y		普通用户ID
2	full_name	varchar	64	0	Y	N		姓名
3	gender	varchar	64	0	Y	N		性别
4	id_number	varchar	255	0	Y	N		身份证号
5	examine_state	varchar	16	0	N	N	已通过	审核状态
6	recommend	int	10	0	N	N	0	智能推荐
7	user_id	int	10	0	N	N	0	用户ID
8	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
9	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已取消

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

表team_schedule (球队赛程)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	team_schedule_id	int	10	0	N	Y		球队赛程ID
2	event_date	date	10	0	Y	N		赛事日期
3	team_a	varchar	64	0	Y	N		A队球队
4	team_b	varchar	64	0	Y	N		B队球队
5	playing_field	varchar	64	0	Y	N		比赛场地
6	event_status	varchar	64	0	Y	N		赛事状态
7	match_score	varchar	64	0	Y	N		赛事比分
8	hits	int	10	0	N	N	0	点击数
9	recommend	int	10	0	N	N	0	智能推荐
10	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
11	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		文件类型

4 世界杯足球赛网站设计与实现

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

4.1 系统首页页面

当进入世界杯足球赛网站的时候，首先映入眼帘的是系统的导航栏，下面是轮播图以及系统内容，其主界面展示如下图4.1所示。

图4.1用户首页界面图

4.2 注册页面

不是世界杯足球赛网站中正式用户的是可以在线进行注册的，如果你没有本世界杯足球赛网站的账号的话，添加“注册”，当填写上自己的账号+密码+确认密码+昵称+邮箱+手机号等后再点击“注册”按钮后将会先验证输入的有没有空数据，再次验证密码和确认密码是否是一样的，最后验证输入的账户名和数据库表中已经注册的账户名是否重复，只有都验证没问题后即可用户注册成功。注册界面实现了用户的注册，其注册界面展示如下图4。2所示。

图4.2 注册界面图

注册逻辑代码如下：

/**

* 注册

* @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.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.4 足球论坛界面

用户在点击导航栏上面的足球论坛后，就可以搜索查看留言信息，用户根据自己的喜好可以进行交流，足球论坛界面如下图4.4所示。

图4.4 足球论坛界面图

4.5足球新闻界面

当访客点击世界杯足球赛网站中导航栏上的“足球新闻”后将会进入到该“足球新闻”列表的界面，然后选择想要看的足球新闻信息，点击进入到详细界面，在详细界面可以收藏+赞+评论等操作，足球新闻界面如下图4.5所示。

图4.5 足球新闻界面图

4.6小组赛事详情界面

用户可以查看小组赛事信息，在查询到自己想要了解的小组赛事的时候，可以进入查看详细的介绍，支持用户对喜欢的小组赛事进行收藏、点赞的功能。小组赛事详情界面如下图4.6所示。

图4.7小组赛事详情界面图

小组赛事的逻辑代码如下：

@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.7 修改密码界面

用户使用该世界杯足球赛网站注册完成后，用户对登录密码有修改需求时，系统也可以提供用户修改密码权限。系统中所有的操作者能够变更自己的密码信息，执行该功能首先必须要登入系统，然后选择密码变更选项以后在给定的文本框中填写初始密码和新密码来完成修改密码的操作。在填写的时候，假如两次密码填写存在差异，那么此次密码变更操作失败，下面的图片展示的就是该板块对应的工作面。修改密码界面如下图4.7所示。

图4.7 添加修改密码界面图

4.8资源管理界面

资源理主要管理员是对新闻列表以及新闻分类所属的分类进行管控，包含了用户对新闻列表提交的评论信息，界面如下图4.8所示。

图4.8 资源管理界面图

资源管理界面逻辑代码如下：

@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.9 交流管理界面

此功能为管理员的功能，管理员点击“交流管理”菜单后，会展示出论坛列表、论坛分类两个子菜单，任何可以对其进行增删改查操作；其界面展示如下图4.10所示。

图4.9 交流管理界面图

4.10用户管理界面

世界杯足球赛网站中的管理员在“用户管理”这一菜单是中可以对注册的用户以及管理员人员进行管控。界面如下图4.10所示。

图4.10用户管理界面图

用户管理界面逻辑代码如下：

@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);

}

public Map<String,String> readConfig(HttpServletRequest request){

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

map.put(FindConfig.PAGE,request.getParameter(FindConfig.PAGE));

map.put(FindConfig.SIZE,request.getParameter(FindConfig.SIZE));

map.put(FindConfig.LIKE,request.getParameter(FindConfig.LIKE));

map.put(FindConfig.ORDER_BY,request.getParameter(FindConfig.ORDER_BY));

map.put(FindConfig.FIELD,request.getParameter(FindConfig.FIELD));

map.put(FindConfig.GROUP_BY,request.getParameter(FindConfig.GROUP_BY));

map.put(FindConfig.MAX_,request.getParameter(FindConfig.MAX_));

map.put(FindConfig.MIN_,request.getParameter(FindConfig.MIN_));

return map;

}

public Map<String,String> readQuery(HttpServletRequest request){

String queryString = request.getQueryString();

if (queryString != null && !"".equals(queryString)) {

String[] querys = queryString.split("&");

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

for (String query : querys) {

String[] q = query.split("=");

map.put(q[0], q[1]);

}

map.remove(FindConfig.PAGE);

map.remove(FindConfig.SIZE);

map.remove(FindConfig.LIKE);

map.remove(FindConfig.ORDER_BY);

map.remove(FindConfig.FIELD);

map.remove(FindConfig.GROUP_BY);

map.remove(FindConfig.MAX_);

map.remove(FindConfig.MIN_);

return map;

}else {

return new HashMap<>();

}

}

@Transactional

public void update(Map<String,String> query,Map<String,String> config,Map<String,Object> body){

StringBuffer sql = new StringBuffer("UPDATE ").append("`").append(table).append("`").append(" SET ");

for (Map.Entry<String,Object> entry:body.entrySet()){

Object value = entry.getValue();

if (value instanceof String){

sql.append("`"+humpToLine(entry.getKey())+"`").append("=").append("'").append(value).append("'").append(",");

}else {

sql.append("`"+humpToLine(entry.getKey())+"`").append("=").append(value).append(",");

}

}

sql.deleteCharAt(sql.length()-1);

sql.append(toWhereSql(query,"0".equals(config.get(FindConfig.LIKE))));

log.info("[{}] - 更新操作：{}",table,sql);

Query query1 = runCountSql(sql.toString());

query1.executeUpdate();

}

public String toWhereSql(Map<String,String> query, Boolean like) {

if (query.size() > 0) {

try {

StringBuilder sql = new StringBuilder(" WHERE ");

for (Map.Entry<String, String> entry : query.entrySet()) {

if (entry.getKey().contains(FindConfig.MIN_)) {

String min = humpToLine(entry.getKey()).replace("_min", "");

sql.append("`"+min+"`").append(" >= '").append(URLDecoder.decode(entry.getValue(), "UTF-8")).append("' and ");

continue;

}

if (entry.getKey().contains(FindConfig.MAX_)) {

String max = humpToLine(entry.getKey()).replace("_max", "");

sql.append("`"+max+"`").append(" <= '").append(URLDecoder.decode(entry.getValue(), "UTF-8")).append("' and ");

continue;

}

if (like == true) {

sql.append("`"+humpToLine(entry.getKey())+"`").append(" LIKE '%").append(URLDecoder.decode(entry.getValue(), "UTF-8")).append("%'").append(" and ");

} else {

sql.append("`"+humpToLine(entry.getKey())+"`").append(" = '").append(URLDecoder.decode(entry.getValue(), "UTF-8")).append("'").append(" and ");

}

}

sql.delete(sql.length() - 4, sql.length());

sql.append(" ");

return sql.toString();

} catch (UnsupportedEncodingException e) {

log.info("拼接sql 失败：{}", e.getMessage());

}

}

return "";

}

4.11赛事门票管理界面

管理员点击“赛事门票”按钮会显示自己添加的赛事门票，如果想要添加新的赛事门票，点击“添加”按钮根据提示输入赛事门票，点击“提交”后在足球新闻界面就可以显示了，如果信息有错可以对赛事门票进行更新维护，也可以直接删除某一赛事门票，其界面展示如下图4.12所示。

图4.12 赛事门票管理界面图

赛事门票管理关键代码如下：

@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);

5世界杯足球赛网站测试

世界杯足球赛网站测试是为了检验软件是否达到设计要求，是否存在错误，通过测试的方法来检查世界杯足球赛网站，以便发现世界杯足球赛网站中的错误。测试工作是保证世界杯足球赛网站质量的关键。

5.1 调试部分问题

问题1：数据库无法添加中文。

解决过程：重新创建数据库，将库的编码格式改为utf8。

效果：能在新库的表中添加中文。

问题2：控制台报错前台与后台参数不一致

解决过程：检查代码，找到报错参数完成修改，继续报错，服务器移除项目重新运行。

效果：重启项目不再报错。

问题3：报错No bean named 'sysLogServiceImpl' available找不到名为sysLogServiceImpl的bean的对象。

解决过程：询问导师报错原因，发现错误原因是未添加注解@Service,需要在在impl实现类的外面添加@Service注解。

效果：重新debug项目无报错。

问题4：启动项目时报错:Mapped Statements collection does not contain value for

解决过程：网上搜索解决办法，出错可能的原因有多个，经过努力排查，错误原因是mapper映射地址有误。在mybatis-config里重新配置地址。

效果：项目启动正常

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大模块为世界杯足球赛网站的后期推广运营提供了强力的技术支撑。

结论

至此，世界杯足球赛网站已经结束，在开发前做了许多的准备，在本系统的设计和开发过程中阅览和学习了许多文献资料，从中我也收获了很多宝贵的方法和设计思路，对系统的开发也起到了很重要的作用，系统的开发技术选用的都是自己比较熟悉的，比如springboot、JAVA技术、MYSQL，这些技术都是在以前的学习中学到了，其中许多的设计思路和方法都是在以前不断地学习中摸索出来的经验，其实对于我们来说工作量还是比较大的，但是正是由于之前的积累与准备，才能顺利的完成这个项目，由此看来，积累经验跟做好准备是十分重要的事情。

当然在该系统的设计与实现的过程中也离不开老师以及同学们的帮助，正是因为他们的指导与帮助，我才能够成功的在预期内完成了这个系统。同时在这个过程当中我也收获了很多东西，此系统也有需要改进的地方，但是由于专业知识的浅薄，并不能做到十分完美，希望以后有机会可以让其真正的投入到使用之中。