springboot球类运动教学网站的设计与实现271611
基于Springboot的球类运动教学网站
摘 要
网站是一种主要的渠道。人们通过互联网快速、准确的发布信息、获取信息。足球、篮球、羽毛球等球类运动已成为不可忽视的一项运动。球类运动教学将实行市场化运作，符合市场经济条件下体育产业发展的规律，其发展前景看好。而开发一个基于Springboot的球类运动教学网站，是球类运动教学的一个线上平台。条理清晰的界面，简单易懂的操作。也能成为爱好运动的人们更加了解球类运动信息的窗口。
球类运动教学网站主要功能模块包括用户管理、新闻资讯、交流论坛、教学信息、分类管理等，采取面对对象的开发模式进行软件的开发和硬体的架设，能很好的满足实际使用的需求，完善了对应的软体架设以及程序编码的工作，采取Mysql作为后台数据的主要存储单元，采用Springboot框架进行业务系统的编码及其开发，实现了本系统的全部功能。本次报告，首先分析了研究的背景、作用、意义，为研究工作的合理性打下了基础。针对球类运动教学网站的各项需求以及技术问题进行分析，证明了系统的必要性和技术可行性，然后对设计系统需要使用的技术软件以及设计思想做了基本的介绍，最后来实现球类运动教学网站和部署运行使用它。
关键词：球类运动教学网站；Spring boot框架；数据库
Ball sports teaching website based on springbootAbstract
Website is a main channel. People release and obtain information quickly and accurately through the Internet. Football, basketball, badminton and other ball games have become a sport that can not be ignored. Ball sports teaching will implement market-oriented operation, which is in line with the law of the development of sports industry under the condition of market economy, and its development prospect is promising. Developing a ball sports teaching website based on springboot is an online platform for ball sports teaching. Clear interface and easy to understand operation. It can also become a window for people who love sports to know more about ball games.
The main functional modules of the ball sports teaching website include user management, news information, exchange forum, teaching information, classification management, etc. the object-oriented development mode is adopted for software development and hardware erection, which can well meet the needs of practical use, improve the corresponding software erection and program coding, and adopt MySQL as the main storage unit of background data, The springboot framework is used to code and develop the business system, and all the functions of the system are realized. This report first analyzes the background, function and significance of the research, which lays a foundation for the rationality of the research work. This paper analyzes the various needs and technical problems of the ball sports teaching website, proves the necessity and technical feasibility of the system, then makes a basic introduction to the technical software and design ideas needed to design the system, and finally realizes the ball sports teaching website and deploys it.
Key words: Ball games teaching website; Spring boot framework; database
目 录
第1章 绪论
1.1 研究背景
1.2 研究内容
1.3 本文的组织结构
第2章 开发工具及相关技术介绍
2.1 相关技术说明
2.2 B/S体系工作原理
2.3 Springboot框架介绍
2.4 MySQL简介
2.5 JavaScript运行模式
2.6 Vue.js主要功能
第3章 系统分析
3.1 可行性分析
3.1.1 经济可行性
3.1.2 技术可行性
3.1.3 操作可行性
3.2 性能分析
3.3 系统操作流程
3.3.1用户登录流程 9
3.3.2信息添加流程 10
3.3.3信息删除流程 10
第4章 系统设计
4.1系统架构设计
4.2开发流程设计
4.3数据库设计 12
4.3.1实体ER图
4.3.2数据表 13
第5章 系统实现 17
5.1 用户前台功能前台（前端） 17
5.2管理员功能模块（后端） 20
第6章 系统测试 35
6.1 测试目的 35
6.2 测试方案设计 35
6.2.1 测试策略 35
6.2.2 测试分析 35
6.3 测试结果 36
第7章 总结与展望 37
参考文献 38
致谢 40
绪论
- 研究背景
球类运动不仅可以强身健体,还可以提供一个人与人交流的平台。当前我国青少年球类培训的发展已经进入新的战略机遇期。通过对青少年社会球类运动培训机构的研究,及时准确的了解社会培训机构的发展状况,并且从俱乐部青训、校园球类运动两个层面因地制宜的提出社会球类培训机构发展的对策,从而更好地促进我国球类培训业的发展。同时随着数字经济时代的到来,国民越来越重视教育的发展,这也为很多教育培训机构带来巨大的市场。随着教育培训市场的发展，培训模式由单一化向综合化转变，招生模式也逐步向多元化发展,市场竞争更加剧烈。各种培训机构获得的资源各不相同,教学服务质量参差不齐,彼此间竞争加剧资源浪费,面临着生存问题同时也造成学生在学习质量上的困扰。本文设计的球类运动教学网站是基于资源共享的原则构建的。
1.2研究内容
球类运动教学网站的开发及实现，所需要的工作内容：
（1）首先是确定选题，确定好所要做的系统，并对系统的背景及现在面临的一些问题等进行系统的初步确认。
（2）系统确认完成后，结合系统开发的需求进行确认系统开发所使用的技术，球类运动教学网站的开发使用Springboot框架，数据库进行平台的搭建开发，确认好使用的技术进行技术分析，所使用的技术是否可以完成系统的实现。
（3）确定好系统使用的技术，进行在线确认系统所划分的用户角色，并且根据用户角色划分确定所要设计的功能模块，对球类运动教学网站的设计主要划分别为管理员和用户角色，并所使用的功能模块也相应不同，但是系统的数据库实现的内容是交互的，用户可以随时根据自己的需求进行线上学习，对于系统工作人员可以根据自己的分管内容进行在线信息的处理及操作，管理员获取到所有用户的详细数据信息，并根据需求进行第一时间处理解决。
（4）系统的功能模块确认完成后进行程序及界面的设计，设计完成后，并且通过测试来判断程序是否完善，对于系统测试，需要不同的用户进行不同的内容编辑及提交，及使用不同的测试方式找出程序中存在的漏洞，并对程序出现的漏洞问题进行在线解决处理，如果测试系统没有任何问题时，可以将系统上传进行正式操作使用。
1.3本文的组织结构
六个章节共同组成了本文研究及设计内容，包括：
第一章：绪论。本文章的开头部分，对本题目的研究背景和研究意义等一些做文字性的描述。
第二章：相关技术介绍。主要介绍Springboot框架、Java嵌入式脚本语言、B/S模式等。
第三章：系统分析。包括系统总体需求描述、功能性角度分析系统需求、非功能性等各个方面分析系统是否可以实现。
第四章：系统设计。本文章的重要部分，提供了系统架构的详细设计和一些主要功能模块的设计说明。
第五章：系统实现。将本系统分为前提的开发工具介绍和后期的功能代码实现。
第六章：系统测试。系统完成后，根据各个模块的测试用例才对各个模块进行功能测试。
- 开发工具及相关技术介绍
- 开发技术说明
本系统前端部分基于MVVM模式进行开发，采用B/S模式，后端部分基于Java的springboot框架进行开发。
前端部分：前端框架采用了比较流行的渐进式JavaScript框架Vue.js。使用Vue-Router和Vuex实现动态路由和全局状态管理,Ajax实现前后端通信，Element UI组件库使页面快速成型，项目前端通过栅格布局实现响应式，可适应PC端、平板端、手机端等不同屏幕大小尺寸的完美布局展示。
后端部分：采用springboot作为开发框架，同时集成MyBatis、Redis等相关技术。
-
- B/S体系工作原理
B/S架构采取浏览器请求，服务器响应的工作模式。
用户可以通过浏览器去访问Internet上由Web服务器产生的文本、数据、图片、动画、视频点播和声音等信息；
而每一个Web服务器又可以通过各种方式与数据库服务器连接，大量的数据实际存放在数据库服务器中；
从Web服务器上下载程序到本地来执行，在下载过程中若遇到与数据库有关的指令，由Web服务器交给数据库服务器来解释执行，并返回给Web服务器，Web服务器又返回给用户。在这种结构中，将许许多多的网连接到一块，形成一个巨大的网，即全球网。而各个企业可以在此结构的基础上建立自己的Internet。
在 B/S 模式中，用户是通过浏览器针对许多分布于网络上的服务器进行请求访问的，浏览器的请求通过服务器进行处理，并将处理结果以及相应的信息返回给浏览器，其他的数据加工、请求全部都是由Web Server完成的。通过该框架结构以及植入于操作系统内部的浏览器，该结构已经成为了当今软件应用的主流结构模式。
-
- spring boot框架介绍
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。
-
- MySQL简介
MySQL是一个开放的、快速的、多线程的SQL关系型数据库服务器。由于其体积小、免费、运行速度快以及可以通过相关免费的软件来对MySql数据库中的相关数据结构信息等等优点。受广大中等、小型企业所喜爱并占据了很大地位。本系统在数据库方面选用MySQL，并通过Nacivat来进行MySql数据库的管理。在Mysql的安装过程中，最需要注意的就是数据库的编码问题，所以在安装数据库时需要设置数据库的编码为Utf-8，与前台页面和服务器的编码相一致。
-
- JavaScript 运行模式
JavaScript是一种属于网络的高级脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。
1.1是一种解释性脚本语言（代码不进行预编译）。
1.2主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。
1.3可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。
1.4跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）。
1.5 JavaScript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。JavaScript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理。
-
- Vue.js 主要功能
Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。
Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习，非常容易与其它库或已有项目整合。另一方面，在与相关工具和支持库一起使用时，Vue.js 也能驱动复杂的单页应用。
- 系统分析
- 可行性分析
本系统将在经济、技术、操作这三个角度上进行可行性分析。
-
-
- 经济可行性
-
整个系统从设计到开发以及测试过程严谨步骤齐全，所有工作任务全部由本人完成，并未获取外部技术支持，节约了一切服务成本开销以及人工成本，在硬件方面，为节约成本使用一台二手移动工作站作为项目部署服务器以及数据库服务器，成本在一万元一下，真个网络部署也是由本人独立完成不涉及到其他人工费用，整个开发过程本着低成本，低消耗的原则。
-
-
- 技术可行性
-
技术可行性分析的目的是确认该系统能否利用现有技术实现，并评估开发效率和完成情况。技术的可行性是指在当前的技术条件下，计算机软件和硬件的开发是否能够满足发展的要求。因为该系统的开发基于Springboot框架，所以开发该系统所需的软件和硬件条件可以在普通计算机上满足。因为它占用的内存相对较少，所以用Mysql数据库开发和设计软件理论上没有问题，因为它占用的内存太少。上述技术可以有效地保证系统的成功和高效开发。
-
-
- 操作可行性
-
球类运动教学网站的使用界面简单易于操作，采用常见的界面窗口来登录界面，通过电脑进行访问操作，用户只要平时使用过电脑都能进行访问操作。此系统的开发采用springboot技术开发，人性化和完善化是B/S结构开发比较显要的特点使得用户操作相比较其他更加简洁方便。易操作、易管理、交互性好在本系统操作上体现得淋漓尽致。
3.2性能分析
对于性能分析，与传统的管理方式相比，传统的管理方式是使用人工通过用纸和笔进行数据信息的统计和管理，并且这种方式对于存储和查找某一数据信息都比较麻烦，随着计算机网络的到来，这种传统的方法很难适应当下社会的发展，不仅降低人们的办事效率，而且还需要很多的人力和物力，对于使用的时间和所要花费的费用都是比较高的，为了降低成本费用，提高用户的工作效率，进行开发一套基于计算机和网络技术的球类运动教学网站。
球类运动教学网站的开发设计时一个独立的系统，以流行数据库进行数据的存储开发，主要是为了实现球类运动教学网站的用户角色及相对应的功能模块，让球类运动教学网站的管理不会存在管理差异、低效率，而是跟传统的管理信息恰好相反，球类运动教学网站的实现可以节约资源，并且对于业务的处理速度也提高，速度快、效率高，功能性强大。
3.3系统操作流程
3.3.1用户登录流程
对于系统的安全性的第一关，就是用户想要进入系统，必须通过登录窗口，输入自己的登录信息才可以进行登录，用户输入的信息准确无误后才可以进入到操作系统界面，进行功能模块的相对应操作，如果用户输入的信息不正确，则窗口出现提示框，用户登录失败，返回到第一步进行重新输入，如图3-1所示。
图3-1登录操作流程图
3.3.2信息添加流程
对于球类运动教学网站，需要随时添加所需要的数据信息，对于用户添加信息，需要根据添加界面，根据选框的内容进行填写所要添加的数据信息，信息输入完成后判断数据信息是否符合要求，符合要求则添加完成，用户所添加的信息不符合要求，则需要返回到第一步，重新输入数据信息，再进行判断操作，如图3-2所示。
图3-2 信息添加流程图
3.3.3信息删除流程
不管是哪个用户角色进入到不通的系统操作界面，都可以进行不同的信息内容的操作功能，对用系统数据信息的删除，用户一旦将信息删除，那么该删除的数据信息将无法恢复，所以用户在对数据删除事，一定判断删除的内容是否是确定要删除的，确定无误后选择确定删除操作，如图3-3所示。
图3-3 信息删除流程图
- 系统设计
4.1系统架构设计
球类运动教学网站的系统项目的概述设计分析，主要内容球类运动教学网站信息的具体分析，进行数据库的是设计，数据采用mysql数据库，并且对于系统的设计采用比较人性化的操作设计，对于系统出现的错误信息可以及时做出处理及反馈。
基于球类运动教学网站的设计基于现有的网络，可以实现管理员：首页、用户管理、交流论坛、论坛分类、新闻资讯、资讯分类等详细的功能分析。根据系统功能需求建立的模块关系图如下图：
图4-1管理员功能模块图
4.2开发流程设计
球类运动教学网站的开发对管理模块和系统使用的数据库进行分析，编写代开发，规划和操作是构建信息管理应用程序的必要三步曲，它决定了系统是否能够真正实现预设功能以及是否可以在成功设计后实施。在开发过程中，每个阶段必须严格按照线性顺序进行开发，并且在相应阶段生成的每个工作都可以通过技术进行验证和检查。确保一个阶段完成后是正确的，不会造成下一阶段拖拽现象，使系统完成设计功能后得到保证。
从球类运动教学网站的成功开发经验来看，上述方法效果最为明显，最大程度地降低了系统开发的复杂性。如图4-2所示。
图4-2开发系统流程图
4.3数据库设计
数据库是信息系统的基础和核心。数据库设计的好坏直接影响到信息系统开发的成败。创建数据库表首先确定实体的属性和实体之间的关系。根据关系创建一个数据表。4.3.1实体ER图
数据库是整个软件编程中最重要的一个步骤，对于数据库问题主要是判定数据库的数量和结构公式的创建。展示系统使用的是Mysql进行对数据库进行管理，进行保证数据的安全性、稳定性等。
概念模型的设计是为了抽象真实世界的信息，并对信息世界进行建模。它是数据库设计的强大工具。数据库概念模型设计可以通过E-R图描述现实世界的概念模型。系统的E-R图显示了系统中实体之间的链接。而且Mysql数据库是自我保护能力比较强的数据库，下图主要是对数据库实体的E-R图：
(1) 教学信息实体属性图，如图4-3所示：
图4-3 教学信息实体属性图
(2) 新闻资讯实体属性图如图4-4所示：
图4-4新闻资讯实体属性图
这些功能可以充分满足球类运动教学网站的需求。此系统功能较为全面如下图系统功能结构如图4-5所示。
图4-5系统功能结构图
4.3.2数据表
我们可以根据数据结构的详细分析要求，我们根据输入和输出数据量的要求进行分析，确定什么表表，结构之间的关系，我们可以验证，调整和完善，查询和浏览过程，可以实现数据库，以使用户对数据和功能有更多要求。
基于系统使用的数据库管理系统的特点，对数据库的概念模型进行了转换和构建。但是，这个系统只需要充分考虑球类运动教学网站的功能，而且组织比较清晰。
| 名称 |
类型 |
长度 |
不是null |
主键 |
注释 |
| ordinary_users_id |
int |
11 |
是 |
是 |
普通用户ID |
| full_name |
varchar |
64 |
否 |
否 |
姓名 |
| gender |
varchar |
64 |
否 |
否 |
性别 |
| examine_state |
varchar |
16 |
是 |
否 |
审核状态 |
| recommend |
int |
11 |
是 |
否 |
智能推荐 |
| user_id |
int |
11 |
是 |
否 |
用户ID |
| create_time |
datetime |
0 |
是 |
否 |
创建时间 |
| update_time |
timestamp |
0 |
是 |
否 |
更新时间 |
| 名称 |
类型 |
长度 |
不是null |
主键 |
注释 |
| comment_id |
int |
11 |
是 |
是 |
评论ID： |
| user_id |
int |
11 |
是 |
否 |
评论人ID： |
| reply_to_id |
int |
11 |
是 |
否 |
回复评论ID |
| content |
longtext |
0 |
否 |
否 |
内容： |
| nickname |
varchar |
255 |
否 |
否 |
昵称： |
| avatar |
varchar |
255 |
否 |
否 |
头像地址 |
| create_time |
timestamp |
0 |
是 |
否 |
创建时间： |
| update_time |
timestamp |
0 |
是 |
否 |
更新时间： |
| source_table |
varchar |
255 |
否 |
否 |
来源表： |
| source_field |
varchar |
255 |
否 |
否 |
来源字段： |
| source_id |
int |
10 |
是 |
否 |
来源ID： |
| 名称 |
类型 |
长度 |
不是null |
主键 |
注释 |
| classification_management_id |
int |
11 |
是 |
是 |
分类管理ID |
| teaching_classification |
varchar |
64 |
否 |
否 |
教学分类 |
| recommend |
int |
11 |
是 |
否 |
智能推荐 |
| create_time |
datetime |
0 |
是 |
否 |
创建时间 |
| update_time |
timestamp |
0 |
是 |
否 |
更新时间 |
| 名称 |
类型 |
长度 |
不是null |
主键 |
注释 |
| forum_id |
mediumint |
8 |
是 |
是 |
论坛id |
| display |
smallint |
5 |
是 |
否 |
排序 |
| user_id |
mediumint |
8 |
是 |
否 |
用户ID |
| nickname |
varchar |
16 |
否 |
否 |
昵称 |
| praise_len |
int |
10 |
否 |
否 |
点赞数 |
| hits |
int |
10 |
是 |
否 |
访问数 |
| title |
varchar |
125 |
是 |
否 |
标题 |
| keywords |
varchar |
125 |
否 |
否 |
关键词 |
| description |
varchar |
255 |
否 |
否 |
描述 |
| url |
varchar |
255 |
否 |
否 |
来源地址 |
| tag |
varchar |
255 |
否 |
否 |
标签 |
| img |
text |
0 |
否 |
否 |
封面图 |
| content |
longtext |
0 |
否 |
否 |
正文 |
| create_time |
timestamp |
0 |
是 |
否 |
创建时间： |
| update_time |
timestamp |
0 |
是 |
否 |
更新时间： |
| avatar |
varchar |
255 |
否 |
否 |
发帖人头像： |
| type |
varchar |
64 |
是 |
否 |
论坛分类 |
- 系统实现
- 用户前台功能前台（前端）
用户注册完成后，点击“登陆”进入到登陆页面，输入用户名和密码，点击“登陆”按钮，对用户名和密码进行验证，根据传入的用户名和密码在数据库中是否能查询到一条用户信息，若不能返回用户信息则登陆失败，页面提示用户名或密码错误。
登录流程图如下所示。
图5-1登录流程图
登录界面如下图所示。
图5-2登录界面图
登录系统主要代码如下。
/**
* 登录
* @param data
* @param httpServletRequest
* @return
*/
@PostMapping("login")
public Map
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
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
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, "账号或密码不正确");
}
}
注册，通过填写用户名、密码、姓名、手机、邮箱、身份等信息，输入完成后选择提交即可注册成功，如图5-3所示。
图5-3用户注册界面图
注册逻辑关键代码如下所示。
/**
* 注册
* @param user
* @return
*/
@PostMapping("register")
public Map
// 查询用户
Map
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;
}
用户界面要尽量简洁大方，使用户能够方便找到需要的功能入口，首页、公告栏、校园资讯，且要易于修改和维护，同时还要保证用户合法和系统安全。
首页载入流程图如下所示。
图5-4首页载入流程
首页界面如下图所示。
图5-5首页界面图
基本信息，在基本信息页面可以查看头像、昵称、修改头像、修改昵称、修改密码等信息，如图5-6所示。
图5-6基本信息界面图
新闻资讯列表，在新闻资讯列表信息页面可以查看资讯内容，如图5-7所示。
图5-7新闻资讯界面图
-
- 管理员功能模块（后端）
管理员登录，管理员通过输入用户名、密码，选择角色并点击登录进行系统登录操作，如图5-8所示。
图5-8管理员登录界面图
在管理员页面可以查看管理员：首页、站点内容（公告消息）用户管理（管理员、用户）内容管理（新闻资讯、资讯分类、交流论坛、论坛分类）更多管理（教学信息、分类管理）等内容进行相对应操作，如图5-9所示。
图5-9管理员首页界面图
管理员首页关键代码如下所示。
@RequestMapping(value = {"/sum_group", "/sum"})
public Map
Query count = service.sum(service.readQuery(request), service.readConfig(request));
return success(count.getResultList());
}
用户管理，在用户页面可以对用户昵称、用户名、用户性别等信息进行编辑，并可根据需要进行修改或删除操作，如图5-10所示。
图5-10用户管理界面图
用户管理代码如下所示。
@PostMapping("/add")
@Transactional
public Map
service.insert(service.readBody(request.getReader()));
return success(1);
}
@Transactional
public Map
service.insert(map);
return success(1);
}
public Map
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
StringBuffer sql = new StringBuffer("INSERT INTO ");
sql.append("`").append(table).append("`").append(" (");
for (Map.Entry
sql.append("`"+humpToLine(entry.getKey())+"`").append(",");
}
sql.deleteCharAt(sql.length()-1);
sql.append(") VALUES (");
for (Map.Entry
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();
}
交流论坛管理，在页面可以论坛标题、分类、标签等信息进行维护管理，并可根据需要进行编辑、修改或删除操作，如图5-11所示。
图5-11交流论坛管理界面图
交流论坛管理关键代码如下所示。
@RequestMapping("/get_list")
public Map
Map
return success(map);
}
新闻资讯管理，在此管理页面可以对新闻资讯进行发布，并可根据需要进行编辑、修改或删除操作，如图5-12所示。
图5-12新闻资讯管理界面图
教学信息管理，在此管理页面可以对教学分类、标题名称、教学简介、教学视频、发布时间等信息进行维护管理，并可根据需要进行编辑、修改或删除操作，如图5-13所示。
图5-13教学信息管理界面图
- 系统测试
- 测试目的
程序设计不能保证没有错误，这是一个开发过程，在错误或错误的过程中难以避免，这是不可避免的，但我们不能使这些错误始终存在于系统中，错误可能会造成无法估量的后果 如系统崩溃，安全信息，系统无法正常启动，导致安装用户手机屏幕等，为了避免这些问题，我们需要测试程序，并发现这些问题，并纠正它们 ，并使系统更长时间稳定成熟，本章的作用是发现这些问题，并对其进行修改，虽然耗时费力，但长期非常重要和必要系统的开发。
软件测试与开发过程是一样的，都必须按照软件工程的正规原理进行，遵守管理学理论。不过，目前国内的软件测试已经积累了大量经验和方法，步骤相对成熟，软件测试的效率也越来越高。
球类运动教学网站的实现，对于系统中功能模块的实现及操作都必须通过测试进行来评判系统是否可以准确的实现。在球类运动教学网站正式上传使用之前必须做的一步就是系统测试，对于测试发现的错误及时修改处理，保证系统准确无误的供给用户使用。
-
- 测试方案设计
6.2.1 测试策略
1、功能测试
从用户的角度来看，测试时不了解新开发软件的内部结构，因此可以将系统与黑匣子进行比较，盲目输入后可以查看系统给出的反馈。这种测试属于黑盒测试，在测试中如果输入错误信息系统会报错。
2、性能测试
测试软件程序的整体状况（称为性能测试）通常使用自动化测试工具来检测系统的整体功能，在负载测试和压力测试之间进行分配，在某些情况下，将这两种情况结合起来。虽然压力测试可以检测到系统可以提供的最高级别的服务，但负载测试可以测试系统如何响应增加的负载。
6.2.2 测试分析
测试评估系统质量的方法不局限于系统编码和过程，应该与软件设计工作和历史需求分析密切相关。
软件测试应遵循以下原则：
(1)软件测试应尽快进行，整个测试部分应在软件开发和设计的整个过程中进行。如发现错误，立即处理，将大大减少软件开发的时间，并提高软件的质量。
(2)在软件的各种测试中，测试过程中使用的计划、报告等应妥善处理和存储。其主要目的是为了便于以后系统的维护。
(3)软件测试整个过程中的聚类现象应优先考虑。
(4)对于软件测试，我们应该尽量不去和自己设计的系统进行参考，而是要测试对方的程序，以确保软件测试结果的客观性和公平性。
(5)整个测试计划严格按照软件测试的具体实施细则进行。
(6)对整个测试结果进行综合检查，尽量避免重复错误。
本球类运动教学网站满足用户的要求和需求，本球类运动教学网站的使用能够有效的提高用户的使用率。
-
- 测试结果
测试后得到的性能和用例，系统具有足够的正确性、可靠性、稳定性，并且可以对输入数据进行准确的点击操作处理和响应测试用户的体验也得到了很好的反馈和响应时间。合理的范围，可以兼容所有主流浏览器，设计所需的效果。
- 总结与展望
通过球类运动教学网站的开发，本人巩固了之前学过的知识，如今将平时所学到的知识融合在设计中，在设计过程中，做了很多的准备，首先，在数据库系统的设计过程中，尤其是在数据库的工作原理、工作特点，对其深刻的讨论，与此同时，对于小型站点来说，最好服务器的选择，其次，利用所学的知识点分析所做的系统，并在此基础上设计。
目前本系统已经上线，正在试运行阶段，用户反馈良好，基本完成用户所需，试运行过程中没有出现阻断性问题，有一些不足和小问题也及时予以修正，系统上线后，为了保证数据的安全性，对系统进行了备份操作，系统备份是每两个月备份一次，数据库备份为每周备份一次，系统部署在租赁的云平台服务器中。
本次系统上线成功后，得到了用户的高度认可，但是在功能上和性能上还需做进一步的研究处理，使其有更高的性能和更好的用户体验。
系统在以后的升级过程中，需要解决一系列用户所提出的问题，例如打印过程中如何避免浏览器的兼容性问题，大量用户访问时，如何保持较高的响应速度，在系统今后的升级过程中将着重解决这些安全性问题。
参考文献
[1]卢文超.线上和线下融合的科技教育——未来中学科技教育发展的新模式[J].中小学信息技术教育,2022(01):26-28.
[2]袁媛.“互联网+”时代艺术设计课程教学实施线上教育的策略分析[J].中国新通信,2021,23(24):141-142.
[3]张烈超,胡迎九.典型Java Web开发框架模型的研究[J].武汉交通职业学院学报,2021,23(04):122-127.
[4]胡立无.贵州省中学足球培训现状与发展策略分析——评《足球技术教学与训练》[J].热带作物学报,2021,42(10):3064.
[5]刘茜颖,张艳红.基于Springboot的线上教育系统设计与实现[J].电脑编程技巧与维护,2021(10):45-46+59.
[6]应华.杭州市青少年校园足球指导员培训体系构建[J].体育科技,2021,42(05):35-36.
[7]贺泽敏. 广东省校园足球非足球专项中学体育教师培训现状与发展对策研究[D].广州体育学院,2021.
[8]杜若飞. 中小学校外培训机构管理现状及规范发展研究[D].华中师范大学,2021.
[9]熊雅静. 对一所校外培训机构管理工作的实地研究[D].南京师范大学,2021.
[10]马雨霏. 基于SCP范式的南昌市足球培训市场分析[D].江西财经大学,2021.
[11]张宸. 信阳市辖区青少年足球培训机构发展的调查研究[D].信阳师范学院,2021.
[12]方敏.浅谈公共就业培训机构管理团队建设[J].商讯,2020(29):139-140.
[13]任玉松,赵宗跃. 社会足球培训机构发展现状与对策研究[C]//2020年第四届中国足球文化与校园足球发展论文摘要集.,2020:247.
[14]王皓. 培训机构综合管理系统的设计与实现[D].西北民族大学,2019.
[15]Ye Hai Qin,Wang Yi Ke,Chen Ying,Liao Li. Design and Implementation of College Dormitory Management System[J]. International Journal of Computational and Engineering,2021,6(3).
[16]盛培雷,庄旭菲,孙瑞,何闽,李特恩,洪一然.基于物联网技术的球类运动教学网站[J].无线互联科技,2021,18(15):56-57.
[17]潘万林. 基于相似度智能识别负载的宿舍用电管理系统设计与实现[D].广东技术师范大学,2021.
[18]陈湘瑾,于孔亮,祖子帅,修昂.基于数据库和Java的球类运动教学网站[J].科学技术创新,2021(09):96-97.
[19]Zhao Kai. Design and Analysis of Campus Dormitory Management System Based on Java[J]. The Frontiers of Society, Science and Technology,2020,2.0(17.0).
致谢
时光飞逝，转眼间我在学校的这些年生活即将结束，回顾这几年的学习生活，收获良多，既有幸福也有难过，学校生活的结束对于我来说也是一个新的开始。论文即将完成，在此，我心中有许多想要感谢的人。首先感谢我的导师，不仅在学习研究方面加以指导，也在生活和为人处世上给予帮助。还要感谢授课老师，你们严谨的学术精神和积极向上的工作态度都在激励我的成长和进步。感谢多年来一直生活在一起的室友，谢谢你们多年来的陪伴和照顾。最后，要感谢各位论文评审老师，感谢您们在百忙之中抽空评阅本论文并给出宝贵的意见和建议。
免费领取本源代码，请关注点赞＋私信