SpringBoot助力学科竞赛管理：从入门到精通

2 相关技术简介
2.1Java技术
Java是一种非常常用的编程语言，在全球编程语言排行版上总是前三。在方兴未艾的计算机技术发展历程中，Java的身影无处不在，并且拥有旺盛的生命力。Java的跨平台能力十分强大，只需一次编译，任何地方都可以运行。除此之外，它还拥有简单的语法和实用的类库，让编程人员可以尽可能将精力集中在问题的求解上，并且许多开源项目和科研成果都是采用它实现的。
在1995年这一年的5月份，著名的Sun Microsystems公司在程序开发设计上面郑重推出一种面向对象开发的程序设计语言——Java，最开始的时候Java是由詹姆斯.高斯林这位伟大的JAVA之父来进行主导，但是在后来由于各种原因，让甲骨文公司这个针对商业程序创建了oracle大型数据库的公司收购了Java。Java的平台总共算下来有3个，分别为javaME和javaSE以及javaEE这3个java平台。下面将对其进行分别介绍。
（1）在电脑桌面程序的开发上面需要选择JavaME，这个用得也比较多。
（2）企业也会根据工作以及业务需要开发各种软件，那么就会选用JavcEE这个支持企业版软件的开发的Java平台，JavcEE主攻运用在企业领域上面的web应用，JavcEE也在javaSE的基础上获得了比如jsp技术 ，Servlet技术等程序开发技术的支持。
（3）现在生活中手机的普及化，也使得手机端这样的移动设备的软件的兴起，JavaME这个迷你版java平台就能运用于移动端的软件开发操作。
2.2B/S结构
此次设计的网络结构模式B/S结构（Browser/Server）。B/S架构也称为B/S模式，是一种服务器以及浏览器架构模式。B/S的工作模式都是先由浏览器请求，服务器再响应。B/S体系结构解决了异构系统中的连接难题，大大改善了系统的开放性，让系统的扩展和维护更加简单；同时，B/S体系结构操作也比较容易，界面全都为浏览器模式，容易分发数据的捕获程序。只要安装通用的浏览器（如WWW浏览器）就能通过Web服务器与数据库进行数据交互。此结构的好处之一在于由于它使用的统一的浏览器，使其可以在不同的地方且不需要用专门的软件进行操作，实现了不论你使用怎样的接入网的方式都可以对公共的数据进行调用和浏览。
相对于C/S模式，B/S模式是对C/S模式应用的扩展，B/S模式不用对不同的计算机安装不同应用程序，还有安全性的要求及对模式上手难度都比前者更好。B/S模式可以让客户机的压力大大减轻，工作的负荷被合理的分配了。

图2-1 B/S模式三层结构图
2.3MYSQL数据库
Mysql现隶属于Oracle公司，之前隶属于SUN公司，却是MySQL AB公司研发出来的数据库[5]。
MySQL数据库是一种开源的关系行数据库操作系统其使用的SQL语言是用来访问数据库较为标准的常用数据库操作语言。而且MySQL数据库体积较小易于安装、运行速度较快、所花费的成本较低搭载超文本预处理器接口与web服务器软件或服务可以组成良好的开发环境。
Mysql是当今最为热门的数据库之一，它是用于WEB应用程序的最佳RDBMS（关系数据库管理系统）应用程序。Mysql所使用的语言也是访问数据库最常用的语言，而且体积较小，速度较快，并且成本较低，所以本系统选择Mysql作为系统的数据库，许多中小型的网站一般都是选择Mysql作为网站的数据库。Mysql的数据库是存放在表中的，所以它的速度较快，而且也较为的灵活。MySQL操作起来十分简便，因为MySQL不是讲所有的数据堆放在一起，这样数据量大，查找起来需要的时间很多。它是将数据保存在不同的表中，这些表具有关联性，查找时直接从表中获取数据，这样大大提高了查找的速度。且MySQL是免费的，这对于大多数研发人员来说，是极大的诱惑。MySQL可以使用标准的sql数据语句，使用起来简单方便。
2.4Spring Boot框架
Spring Boot是Spring+自动配置的结合，减少了Spring繁琐的配置问题和开发的时间。其中不仅仅优化了XML，且在Spring Boot的内部还集成了Tomcat。
Spring Data Jpa是一套规范，在没有实现类的接口时候是没有办法使用的。他对现有的映射起到了规范的作用。在开发产品的时候我们依旧使用ORM映射框架对JPA接口进行开发。这样我们就可以在不更改代码的情况下使用其他的ORM框架。来做到低耦合、可扩展的特点。
2.5Vue框架
Vue是当今前端的三大框架之一，主要技术领域运用到的是单页SPA的应用之中。这样很好的提供了用户的浏览网页的交互体验。减少了浏览器的负载。提高浏览器的高效的浏览的速度。
Vue 是一套用于构建用户界面的渐进式框架。Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。Vue可以在任意其他类型的项目中使用，使用成本较低，更加灵活，主张较弱，在Vue的项目中也可以轻松融汇其他的技术来开发，而且因为Vue的生态系统特别庞大，可以找到基本所有类型的工具在vue项目中使用。其特点：易用（使用成本低），灵活（生态系统完善，适用于任何规模的项目），高效（体积小，优化好，性能好）。
VUE的出现，加快了前后端分离的进程，提高了程序员的工作效率，也减少了工作时间。Vue.js是一套用于构建用户界面的，可以自底向上逐层应用的渐进式前端框架。它相比于其他主流的JavaScript框架例如AngularJS或React都具有运行效率高、语法简洁、自身占用空间小、上手容易等特点。它的核心只关注视图层，是一个允许采用简洁的模板语法来声明式地将数据渲染进DOM的系统，并且所有的这些都是响应式的。

4 系统设计
4.1系统概要设计
学科竞赛管理系统的设计与实现主要分为管理员和学生两个角色，系统采用B/S结构(Browser/Server,浏览器/服务器结构)和基于Web服务两种模式，是一个适用于Internet环境下的模型结构。只要用户能连上Internet，便可以在任何时间、任何地点使用。系统工作原理图如图4-1所示：

图4-1 系统工作原理图
4.2系统结构设计
系统架构的整体设计是一个将一个庞大的任务细分为多个小的任务的过程，这些小的任务分段完成后，组合在一起形成一个完整的任务。本学科竞赛管理系统的设计与实现主要包括学生功能模块和管理员功能模块两大部分，系统结构设计如图4-2所示。

图4-2系统结构图
4.3 系统顺序图
（1）登陆顺序图
用户在登录时，首先进入系统登录窗口，用户需要输入用户名和密码，点击登录按钮进行登录操作，系统会以用户名和密码为参数在数据库中进行登录信息的验证，验证成功则登录成功，进入用户主界面。登录模块顺序图如图4-3所示。

图4-3 登录顺序图
（2）注册顺序图
未有账号的用户可进入注册界面进行注册操作，在注册界面输入注册信息，点击提交按钮，系统首先判断用户名是否存在，存在则提示重新输入，不存在则验证注册信息是否正确，正确则在数据库中添加注册数据，提示注册成功。用户注册模块顺序图如图4-4所示。

图4-4 注册顺序图
（3）修改密码顺序图
用户登录后可进入修改密码界面进行修改密码操作，在修改密码时，需要输入原始密码和新密码，系统会在数据库中进行原密码的验证，原密码正确则在数据库中添加修改数据，修改成功。修改密码顺序图如图4-5所示。

图4-5 修改密码顺序图
4.4数据库设计
4.4.1 数据库实体（E-R图）
E-R图是一种描述显示数据类型间的关系的数据描述方法，E-R图可以完整地映射出现实模型的关系。
实体联系模型反映出来的是现实世界中实体的相互间关联的关系，是用来在数据库设计过程中表示数据库系统结构的方法。它的思想是使用现有的数据模型来表现出目前项目实体间所具有的现实关联。E-R图是可以表示实体间相互关联的意义，直观反映出实体间的关联。
在为实体设计属性与关联的时候便可以确定实体间主外键的关联关系，实体所具有的延伸性。在E-R图中这些都能直观的显示出来。像这样将数据分类成组后，就会产生了与相关的分组所不同的信心，这样更加的易于用户进行观察和实际分析。本学科竞赛管理系统的设计与实现的E-R图如下所示：
（1）奖项统计实体属性E-R图如图4-6所示。

图4-6 奖项统计实体属性E-R图
（2）赛项报名实体属性E-R图如图4-7所示。

图4-7 赛项目标实体属性E-R图
（3）管理员实体属性E-R图如图4-8所示。

图4-8 管理员实体属性E-R图
（4）赛项实体属性E-R图如图4-9所示。

图4-9 赛项实体属性E-R图
（5）学生实体属性E-R图如图4-10所示。

图4-10 学生实体属性E-R图
4.4.2 数据库表设计
本学科竞赛管理系统的设计与实现采用了MYSQL数据库管理系统，各个表的设计结果如下：
表4-1 jiangxiangtongji奖项统计信息表
字段名 数据类型 是否允许空 字段含义
id bigint(20) NOT NULL 编号
addtime timestamp NULL 创建时间
yuanxiaomingcheng` varchar(200) NULL 院校名称
leixing varchar(200) NULL 类型
shuxue int(11) NULL 数学
wuli int(11) NULL 物理
huaxue int(11) NULL 化学
shengwu int(11) NULL 生物
xinxixue int(11) NULL 信息学
zongshu int(11) NULL 总数

表4-2 saixiangbaoming赛项报名信息表
字段名 数据类型 是否允许空 字段含义
id bigint(20) NOT NULL 编号
addtime timestamp NULL 创建时间
saixiangmingcheng varchar(200) NULL 赛项名称 leixing varchar(200) NULL 类型
jibie varchar(200) NULL 级别
`baomingfeiyong int(11) NULL 报名费用
baomingriqi date NULL 报名日期
shenbaocailiao longtext NULL 申报材料
xuehao varchar(200) NULL 学号
xingming varchar(200) NULL 姓名
sfsh varchar(200) NULL 是否审核
shhf longtext NULL 审核回复
ispay varchar(200) NULL 是否支付

表4-3 users管理员信息表
字段名 数据类型 是否允许空 字段含义
id bigint(20) NOT NULL 编号
username varchar(100) NULL 用户名
password varchar(100) NULL 密码
role varchar(100) NULL 角色
addtime timestamp NULL 添加时间

表4-4 saixiangxinxi赛项信息表
字段名 数据类型 是否允许空 字段含义
id bigint(20) NOT NULL 编号
addtime timestamp NULL 创建时间
saixiangmingcheng varchar(200) NULL 赛项名称 leixing varchar(200) NULL 类型
bisaididian varchar(200) NULL 比赛地点 saixiangneiron longtext NULL 赛项内容 jibie varchar(200) NULL 级别
canjiarenshu int(11) NULL 参加人数
baomingfeiyong int(11) NULL 报名费用
xiangqing longtext NULL 详情
jiezhiriqi date NULL 截至日期
tupian varchar(200) NULL 图片

表4-5 xuesheng学生信息表
字段名 数据类型 是否允许空 字段含义
id bigint(20) NOT NULL 编号
addtime timestamp NULL 创建时间
xuehao varchar(200) NULL 学号
mima varchar(200) NULL 密码
xingming varchar(200) NULL 姓名
xingbie varchar(200) NULL 性别
shouji varchar(200) NULL 手机
youxiang varchar(200) NULL 邮箱
shenfenzheng varchar(200) NULL 身份证
tupian` varchar(200) NULL 图片