1绪 论
1.1研究背景
当今时代是飞速发展的信息时代。在各行各业中离不开信息处理，这正是计算机被广泛应用于信息管理系统的环境。计算机的最大好处在于利用它能够进行信息管理。使用计算机进行信息控制，不仅提高了工作效率，而且大大的提高了其安全性。尤其对于复杂的信息管理，计算机能够充分发挥它的优越性。
国家教育体制的改革，在全国各地举办的大学生竞赛的次数逐年增加，报名参加比赛的大学生的人数也逐年大量增长。在如此众多的竞赛信息面前，原有的数据采集方式已经远远不能满足实际需求，如何利用现代信息技术，使主办方快速、高效的实现对参赛人员与竞赛项目的反馈管理，是大赛组织者需要特别关注的问题。尽快建立一个全功能、全方位的竞赛管理系统，已经成为大学生竞赛举办方势在必行之事。基于此，针对学科竞赛管理方面，开发了本学科竞赛管理系统，通过开发本学科竞赛管理系统，使参赛信息的输入和管理工作系统化、透明化，从而提高工作效率，学生也能及时了解竞赛动态，提前做好准备，解决了以往因消息传达不及时而错失良机的状况。
1.2设计原则
在开始开发项目之前，必须要先考虑项目的实用性、科学性，以及该项目是否能够真正让用户受益并尽可能的发挥项目的作用。因此，在开发前，通过以下几条原则对项目进行判断：
（1）可行性原则。项目需要保证经济可行性和技术可行性，这包括了项目在浏览端、服务端等方面上的经济和技术上是可以达成的。
（2）适应性原则。项目要保证可维护性和可扩展性，这是每个非短期项目都需要考虑的，并且不论是维护还是扩展，都必须要建立在适应用户的正常需求的基础上。
（3）安全性及保密性原则。要充分保证用户信息的安全性和保密性，不能因为开发上的疏忽，导致用户的信息泄露。
（4）系统工程原则。为了确保项目的整体性，在项目调查、项目分析、项目设计、项目开发的过程中，都需遵从项目工程的方法和步骤逐步进行。
（5）统一规划、分期实施、逐步完善原则。项目开发的过程中，要按照规划、分期实施，特别是要注意在项目开发过程中要有条理，从点到面，一步步完善，不要贪图进度，要循环渐进的对项目进行开发。
1.3论文的组织结构
第一章主要是简单的介绍下设计本网站的研究背景和设计原则，在这一章里主要是让大家了解下我的设计的前因后果，为接下来我的其它章节做铺垫。
第二章主要是介绍在设计过程中所涉及到的技术。
第三章主要是介绍下设计这个网站所需要的需求以及我们的功能需求分析，因为只有更好的分析清楚我们的功能需求才能更好的完成我们的设计。
第四章网站系统设计，主要介绍了网站结构的设计以及展示了数据库E-R图设计，这一章主要是为了能让大家更好的了解网站的一些基本设计信息。
第五章系统的实现，介绍了系统每个模块的设计与实现，让大家能清晰的了解系统的主要功能。
第六章系统的测试，这章主要是测试下各个部分每个功能是否能用，看下是否有错误。
第七章系统总结，进行系统最后的总结工作。

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的系统，并且所有的这些都是响应式的。