基于springboot的高校运动会管理系统

目录摘要 IAbstract II第1章概述 11.1课题背景及意义 11.2研究内容与目的 11.3可行性分析 22.1系统概述 32.2系统业务流程分析 32.2.1网站前台业务流程 32.2.2网站后台业务流程 42.3功能需求分析 52.3.1前台功能模块 52.3.2后台功能模块 10第3章系统设计 213.1总体设计 213.2前台功能模块设计 233.2.1首页展示模块 233.2.2运动员个人中心模块 233.2.3比赛报名模块 253.3后台功能模块设计 263.3.1报名管理模块 263.3.2比赛管理模块 273.3.3统计管理模块 283.3.4校记录管理模块 293.3.5人员管理模块 293.3.6分组管理模块 303.3.7首页管理模块 313.4数据库设计 323.4.1概念结构设计 323.4.2逻辑结构设计 353.4.3物理结构设计 36第4章系统实现 424.1高校运动会管理系统前台实现 424.1.1前台首页 424.1.2运动员个人中心模块 444.1.3比赛报名模块 474.2高校运动会管理网站后台实现 494.2.1后台主页 494.2.2报名管理模块 514.2.3比赛管理模块 534.2.4统计管理模块 564.2.5校记录管理模块 595.2.6人员管理模块 604.2.7分组管理模块 614.2.8首页管理模块 624.3高校运动会管理网站系统测试 644.3.1系统用例测试 644.3.2测试结果 66总结 67参考文献 68致谢 69基于springboot的高校运动会管理摘要基于springboot的高校运动会管理系统网站平台，主要于来自学校对于运动会期间管理的需要，主要通过网上查阅资料，对运动会期间的流程进行追踪调查为基础进行分析，最终实现了一个为学校举办运动会提供报名的网站。使用B/S模式，基于springboot上，使用MySQL作为系统开发数据库，使用IDEA作为主要开发工具，运行于tomcat服务器，以java、Html5+CSS3、VUE、BOOTSTRAP等为主要技术。前台人员分为游客、运动员、首页分为新闻模块、公告模块、法规模块、以及人物风采展示部分并且引入了高德地图的图层使用点标记标记了学院的位置用于在地图中直观的看到学校位置，新闻、公告、法规、人物展示模块均由管理员管理，及时更新公告内容，四个模块均在首页进行体现，给予游客直观的感受，新闻公告内容用于更好的了解学校近期动态。运动员通过各自账号登录系统进行本年度的校运会报名，登录后可以进行查看学校的各个项目的校记录、报名后查看比赛信息以及比赛成绩(分为预赛与决赛),运动员可修改个人的部分信息。后台部分为学院教师、裁判与管理员，管理员负责对新闻公告以及人物展示进行及时发布或更新，设定比赛的报名截至时间和比赛开始的起止时间，对人员信息管理，人员分为运动员、学院负责老师、裁判。学院负责教师模块为收集本学院学生的报名信息，组织学院运动员测试将测试结果登记系统，并将成绩相对优秀的学生的报名信息按排名提交系统，老师可查看比赛信息比赛成绩报名人数、各项目以及男女报名比例等。裁判模块:为所有报名的运动员进行分组分道并确定比赛时间，为运动员进行预赛决赛成绩的登记，生成比赛名次并统计各学院在本次运动会中所获得的团体总分。关键字：Springboot，VUE，报名

UniversitysportsmeetingmanagementbasedonSpringbootAbstractSpringbootbasedontheuniversitysportsmanagementsystemwebsiteplatform,mainlyfromtheschoolforthemanagementofthegamesduringtheneeds,mainlythroughonlineaccesstoinformation,theprocessofthegamesduringthetrackingsurveybasedonanalysis,andfinallyachievedawebsitefortheschooltoholdgamestoprovideregistration.B/Smode,basedonSpringboot,MySQLisusedasthesystemdevelopmentdatabase,IDEAisusedasthemaindevelopmenttool,runningontheTomcatserver,Java,Html5+CSS3,VUE,BOOTSTRAPandothermaintechnologiesareused.Frontdeskstaffisdividedintotourists,athletes,thehomepageisdividedintomodules,newsannouncementmodule,codemodules,andcharacterthearpartandtheintroductionofgoldmaplayerusingdotnotationmarkedthelocationofthecollegeforintuitiveseeschoollocationinthemap,newsandannouncements,rulesandregulations,thecharacterdisplaymoduleismanagedbyanadministratorandtimelyrenewthecontentoftheannouncement,Thefourmodulesarereflectedinthehomepagetogivetouristsintuitivefeelings,andthenewsbulletincontentisusedtobetterunderstandtherecentdevelopmentsoftheschool.Athletesthroughtheirownaccountloginsystemforthisyear'sschoolsportsmeetregistration,logincanviewtheschoolrecordofeachproject,aftertheregistrationtoviewthecompetitioninformationandresults(dividedintopreliminaryandfinal),athletescanmodifypartofthepersonalinformation.Thebackstagepartisteachers,refereesandadministratorsofthecollege.Theadministratorsareresponsiblefortimelyreleasingorupdatingnewsannouncementsandcharacterdisplays,settingthedeadlineforregistrationandthestartandendtimeofthecompetition,andmanagingpersonnelinformation,includingathletes,teachersinchargeofthecollegeandreferees.Thecollegeisresponsiblefortheteachermoduletocollecttheregistrationinformationofthecollegestudents,organizethecollegeathletetestandregisterthetestresultsinthesystem,andsubmittheregistrationinformationofthestudentswithrelativelyexcellentresultstothesystemaccordingtotheranking.Theteachercancheckthecompetitioninformation,thecompetitionresults,thenumberofapplicants,variouseventsandtheproportionofmaleandfemaleapplicants.Refereemodule:dividethelanesanddeterminethecompetitiontimeforalltheregisteredathletes,registertheresultsofthepreliminaryfinalfortheathletes,generatethecompetitionrankingsandcountthetotalscoreofeachschoolinthisgames..Keywords:Springboot,VUE,applying第1章概述1.1课题背景及意义在当前信息社会发展如此迅速的情况下怎么能不开发一个属于自己学校的运动会管理系统呢？国家号召全民运动的口令下只有好的身体才能更好的工作，并且大学生更是代表了未来，据研究调查表明当前国家的肥胖率居高不下，国民的身体素质也是普遍偏低，这一点同样体现在大学生的身上，在全国的高校中一年一测的体测一度成为大学生的噩梦，更有大多数的人达不到合格线，说明国民的身体素质极度堪忧、这对于社会来说是及其不利的，开发一个主要为学校运动会期间进行报名比赛安排等流程的系统是非常有利的，即使不在运动会期间该系统也能发挥出他的作用对于体育爱好者可以及时关注网站的新闻，各大赛事的结果，体育局新出台的政策法规、欣赏学院运动健儿们的风采，平时利用此网站激发学生们的锻炼激情，促进同学的身体健康。相对于传统的编排方式比赛场次比赛时间以及还需要手动为参赛运动员编排比赛号码，系统将更加全面而且更加仔细不会出现多报漏报的情况，通过系统将整个比赛流程展现出来非常直观，更是利用了多种统计图表对赛前的人数项目的统计以及赛后各学院在本次运动会期间所获得的成绩对应的分数并评选出前几名的学院。予以颁发获奖奖状和证书。1.2研究内容与目的在该系统之前一直都采用人工的方式对各类项目进行编排工作，首先采用人工的方式收集各学院的报名信息避免不了运动员信息或者报名信息缺漏的现象，其次在对报名信息进行排赛时避免不了各种数据出现错误以及比赛信息的混乱等问题一旦将比赛信息编排完之后要想进行修改是非常困难的而且也会消耗大量的时间以及精力，研究该课题是为了摆脱传统的人工排组排号的弊端让整个运动会的流程更加系统的进行下去，有了该系统之后可以自动限制运动员所报的项目总数，并且根据运动员信息(教师、学生)可以自动显示出能提供报名的项目。完成报名后上传系统等待学院老师的查看并组织学院内部测试数据公开将测试成绩良好者上传至系统，并能通过图表的形式直观的看到本学院的报名人数比例等信息、通过系统查看比赛信息和比赛成绩。裁判采用线上排组排号线下制作号码牌，裁判登记成绩时系统将根据所输入的成绩自动完成排名，并完成预赛成绩决赛名单决赛成绩的一系列流程。待所有比赛结束后根据决赛成绩的比赛排名进行统计各学院的得分情况，并评选出得分最高的几个学院。有了该系统的参与会使整个流程更加清晰，也大大解放了比赛期间的各种人工计算成绩排名的步骤。1.3可行性分析经济可行性：立足于免费的开源软件和框架进行开发，大大节省了经济的支出，出现问题方便及时处理反馈。技术可行性：使用java作为后端开发语言立足于springboot，配合MySQL以及JavaScript等方法可以实现该系统的基本功能。社会可行性：打破传统的手记方式使用信息化的方式更加准确的直观的将数据展示出来，更大程度上避免了数据的出错，并且更加直观的将数据展示。风险因素及对策：开发此系统产生的风险较小。技术方面都是使用市面上非常成熟的语言以及技术，如果有问题都能得到解决办法不会出现无法解决的问题，另外开发使用的对象乃是学校的学生并没有涉及到太多的经济因素，也大大降低了该系统使用的风险。

2.1系统概述该系统为运动会管理，意在为运动会期间提供运动员报名以及比赛期间各种项目的成绩管理人员安排，系统部分功能如下：(1)游客进入网站后，通过首页浏览校园体育新闻公告，体育局最新的发布政策，欣赏学校运动员的风采，并用地图标出学院的坐标附带导航功能。(2)运动员登录系统后，可进行报名管理，查看各项目的校记录，修改个人密码，；浏览比赛规则，查看报名比赛信息比赛成绩等。2.2系统业务流程分析本文立足于学校的运动会过程中的整个流程，分析业务流程。首先，提供一个页面整洁排版清晰，内容完整的前台页面。游客只能在页面中浏览新闻消息；运动员登录后可根据身份选择比赛项目报名，查看比赛信息成绩、查看校记录。2.2.1网站前台业务流程用户可通过地址访问本网站，游客仅能访问网站的首页、包括新闻公告页面、政策法规页面、人物风采展示页面、学院地址页面(包含导航功能)。寻常用户无法登录系统、登录用户必须为本学院的学生或者教师、在系统管理员的确认下进行身份的录入才能成为该网站真正的用户、成为用户后根据用户身份便有了报名成绩管理等一系列功能。高校运动会管理网站的前台流程如下图2-1所示。 图2-1高校运动会管理网站前台流程图2.2.2网站后台业务流程高校运动会报名网站的后台管理模块，通过不同的身份进行登录，登录后管理不同的功能模块有管理员、学院老师和裁判。管理员负责管理学校成员（包括自己、运动员、老师和裁判）信息、设定报名时间、新闻管理以及图片上传。并且每个功能模块下都有添加、修改、删除子模块。学院老师负责审核测试成绩完成整体报名、裁判为各自运动员排组排道登记成绩排名。系统简要说明如下,各用户通过各自身份登录系统，使用系统功能进行报名管理成绩管理等，或直接退出本系统。

高校运动会报名网站的后台管理流程如下图2-2所示。图2-2高校运动会报名网站后台流程图2.3功能需求分析2.3.1前台功能模块前台包括：新闻列表、公告列表、人物风采展示、比赛报名、运动员修改个人密码、查看校记录、查看比赛信息比赛成绩等功能。新闻列表游客访问该网站首页浏览新闻公告列表，并且点击单个新闻查看该新闻详情。人物风采展示游客进入该网站浏览本学院优秀运动员的图片以及对运动员的介绍和取得的各种成绩，所有运动员的图片简介均由管理员管理发布。比赛报名游客通过网站登录系统后根据登录的身份提供出符合报名的项目并限定一人只允许报两项。修改个人密码运动员登录后可以修改密码。查看校记录在运动员登录系统后可以看到学校的每个项目的最好成绩。查看比赛信息比赛成绩在运动员完成报名学院老师完成审核并且报名时间结束后裁判进行为运动员分组分道安排随后便可以查看到自己的比赛信息，比赛结束后可以查看到各自的比赛成绩。游客用例游客具有登录、浏览公告、浏览新闻、浏览人物风采等功能。具体功能如图2-4所示。图2-4游客用例图身份登录功能的详细描述如表2-2所示。表2-2登录功能用例描述名称内容用例编号：CC01用例名：登录参与者：游客触发因素：游客访问登录页面输入信息：输入身份编号、密码结果：登录成功后置条件：登录身份只有为本学院的学生或教师过程：1）输入身份编号、密码2）点击下拉框选择登录身份3)点击登录按钮风采浏览的详细描述如表2-3所示。表2-3风采浏览功能用例描述名称内容用例编号：CC03用例名：风采浏览参与者：游客或学生或老师触发因素：游客或其他用户访问该网站结果：成功进入教程浏览界面过程：1）游客或其他用户在浏览器中查找该网站的链接或直接通过地址栏输入地址进行浏览查看新闻功能的详细描述如表2-4所示。表2-4查看新闻功能用例描述名称内容用例编号：CC04用例名：查看新闻参与者：游客或学生或老师触发因素：游客或其他用户访问该网站结果：成功进入新闻公告页过程：1）游客或其他用户在浏览器中查找该网站的链接或直接通过地址栏输入地址进行浏览

(2)运动员用例运动员在网站前台能够修改密码，比赛报名、校记录查看、比赛信息比赛成绩查看、查看新闻公告。具体情况如图2-8所示。图2-5运动员用例图修改个人密码功能的详细描述如表2-6所示。表2-6修改个人密码用例描述名称内容用例编号：CC06用例名：修改个人密码参与者：运动员触发因素：用户通过网站登录至系统，然后点击修改密码菜单结果：完成密码修改后置条件：退出运动员页面，返回登录页面过程：点击修改密码模块输入旧密码、新密码、确认密码后台判断旧密码是否正确新密码与确认密码是否一致完成修改密码，退出登录

项目报名功能的详细描述如表2-7所示。表2-7项目报名用例描述名称内容用例编号：CC07用例名：项目报名参与者：运动员输入信息：输入报名项目一和项目二触发因素：在允许报名的时间范围内结果：生成报名信息后置条件：提示报名成功并将报名按钮禁用，等待学院老师审核过程：1）点击下拉框选择项目一2）点击下拉框选择项目二3）点击报名4）产生报名信息5）学院老师审核通过校记录查看功能的详细描述如表2-8所示。表2-8校记录查看用例描述名称内容用例编号：CC08用例名：校记录查看参与者：运动员触发因素：点击校记录按钮结果：浏览校记录后置条件：1）校记录信息展示过程：点击校记录按钮跳转至校记录页面比赛信息成绩描述如表2-9所示。表2-9比赛信息成绩用例描述名称内容用例编号：CC09用例名：比赛信息成绩参与者：运动员触发因素：运动员点击比赛信息按钮结果：浏览比赛信息比赛成绩后置条件：比赛信息比赛成绩展示过程：运动员在本页面点击“比赛信息查看”按钮跳转至比赛信息页面浏览新闻公告的详细描述如表2-10所示。表2-10浏览新闻公告用例描述名称内容用例编号：CC10用例名：浏览新闻公告参与者：运动员触发因素：运动员通过网站首页浏览通知公告结果：进入单个新闻页面后置条件：通过导航栏菜单项选择需要查看信息列表过程：1）运动员在首页单击“新闻”列表2.3.2后台功能模块(1)学院管理员用例学院管理员在网站后台含有以下6个主要管理模块：新闻、公告、法规、风采展示、人员、报名时间。具体情况如图2-6所示。图2-6学院管理员用例图风采展示管理功能的详细描述如表2-11所示。表2-11风采展示管理功能用例描述名称内容用例编号：CC15用例名：风采展示参与者：学院管理员触发因素：学院管理员管理风采展示输入信息：运动员的出生日期等介绍和取得的各种成绩和选择上传图片结果：完成更新，首页的运动员展示信息发生改变后置条件：将图片上传至服务器中，图片地址和运动员介绍存入数据库，并更新首页的信息过程：1）登录后进入学院管理员管理模块2）选择风采展示管理3）点击上传按钮，选择图片4）输入运动员介绍5）点击发布按钮法规管理功能的详细描述如表2-12所示。表2-12法规管理功能用例描述名称内容用例编号：CC16用例名：法规管理参与者：学院管理员触发因素：学院管理员管理法规输入信息：法规标题、法规内容结果：法规发布或更新完成后置条件：将新的法规内容添加至数据库中，更新首页的法规过程：1）进入法规管理模块2）点击新建按钮3）输入法规标题、法规内容4）点击发布按钮人员管理功能的详细描述如表2-13所示。表2-13人员管理功能用例描述名称内容用例编号：CC17用例名：人员管理参与者：学院管理员触发因素：学院管理员管理人员输入信息：编号姓名性别学院等信息结果：完成人员信息的录入后置条件：将新学生的个人信息加入到数据库中，并刷新当前页面续表2-13过程：1）点击人员管理模块2）点击添加按钮3）输入个人信息4）点击新增按钮，完成学生信息录入新闻管理功能的详细描述如表2-14所示。表2-14新闻管理功能用例描述名称内容用例编号：CC19用例名：新闻管理参与者：学院管理员触发因素：学院管理员管理新闻输入信息：新闻标题、新闻内容结果：法规发布或更新完成后置条件：将新的新闻内容添加至数据库中，更新首页的新闻过程：1）进入新闻管理模块2）点击新建按钮3）输入新闻标题、新闻内容4）点击发布按钮

报名时间管理功能的详细描述如表2-15所示。表2-15报名时间管理功能用例描述名称内容用例编号：CC20用例名：报名时间管理参与者：学院管理员触发因素：学院管理员管理报名时间输入信息：相应时间结果：完成本年报名以及比赛时间的安排后置条件：将报名起止时间和比赛开始结束时间分别插入进数据库中过程：1）进入报名时间管理的模块2）选择报名开始日期、报名结束日期、比赛开始日期以及比赛结束时间3）点击“完成时间设定”按钮学院老师用例学院老师后台管理模块主要分为6个部分。测试成绩管理、报名管理、修改个人密码、统计管理、比赛信息查看、比赛成绩查看。详细情况如图2-7所示图2-7学院老师用例图测试成绩管理功能的详细描述如表2-16所示。表2-16测试成绩管理功能用例描述名称内容用例编号：CC20用例名：测试成绩管理参与者：学院老师触发因素：学院老师管理学院测试成绩输入信息：学院测试成绩结果：完成本年度的学院成绩测试后置条件：将本学院所有运动员的报名项目成绩进行登记插入数据库中，页面提示成绩录入完成过程：1）进入学院测试成绩管理的模块2）将学院每一个运动员的成绩进行输入3）点击“录入成绩”按钮报名管理功能的详细描述如表2-17所示。表2-17报名管理功能用例描述名称内容用例编号：CC20用例名：报名管理参与者：学院老师触发因素：完成学院运动员成绩录入输入信息：无结果：将符合条件的运动员完成报名后置条件：将运动员信息插入数据库的预赛表中过程：1）进入报名页面2）按项目和成绩进行分组将每个项目的前四个人员选中3）点击“报名完成”按钮4）禁用报名按钮统计管理功能的详细描述如表2-18所示。表2-18统计管理功能用例描述名称内容用例编号：CC20用例名：统计管理参与者：学院老师触发因素：学院运动员完成比赛报名结果：用图表展示人员分布参赛项目分布情况后置条件：从数据库中查询出报名信息分别以性别和项目名进行分组过程：1）进入人数统计页面比赛信息查看描述如表2-19所示。表2-19比赛信息查看用例描述名称内容用例编号：CC09用例名：比赛信息查看参与者：学院老师触发因素：学院老师点击比赛信息按钮结果：浏览比赛信息后置条件：从数据库中查询比赛信息展示过程：学院老师在本页面点击“比赛信息查看”按钮2）跳转至比赛信息页面裁判用例裁判管理模块主要分为6个部分。为预赛管理、决赛管理、校记录管理、统计管理、修改个人密码、分组管理。详细情况如图2-8图2-8裁判管理用例图预赛管理功能的详细描述如表2-20所示。表2-20预赛管理功能用例描述名称内容用例编号：CC20用例名：预赛管理参与者：裁判触发因素：该项目已经完成分组分道输入信息：对应学生的成绩结果：完成该项目的预赛成绩登记后置条件：更新该项目运动员的所有成绩并取前八名进入决赛过程：1）进入预赛成绩管理页面2）选择比赛项目3）查询比赛名单4）为每一组的运动员登记成绩5）为每一组进行排名6）录入预赛成绩7）生成决赛名单决赛管理功能的详细描述如表2-21所示。表2-21决赛管理功能用例描述名称内容用例编号：CC20用例名：决赛管理参与者：裁判触发因素：预赛成绩登记结束或分组分道后输入信息：每个运动员对应的成绩结果：完成决赛成绩的录入后置条件：将决赛成绩决赛排名更新至数据库中，刷新当前页面过程：1）进入决赛管理的模块2）选择决赛项目，查询决赛名单3）为每位运动员登记决赛成绩4）点击“排名”按钮完成决赛成绩排名5）完成决赛成绩的登记校记录管理功能的详细描述如表2-22所示。表2-22校记录管理功能用例描述名称内容用例编号：CC20用例名：校记录管理参与者：裁判触发因素：在比赛过程中有学生打破某项记录输入信息：学生的学号和破纪录日期结果：完成某项记录的更新后置条件：将破纪录的学生学号和日期存入数据库中把旧的信息更新过程：1）进入校记录管理的模块2）选择某个项目的修改图标3）输入破纪录的运动员学号和日期4）点击“修改“按钮统计管理功能的详细描述如表2-23所示。表2-23统计管理功能用例描述名称内容用例编号：CC20用例名：统计管理参与者：裁判触发因素：所有学院运动员完成报名结果：用图表展示人员分布参赛项目分布情况后置条件：从数据库中查询出报名信息分别以性别和项目或学院等字段名进行分组过程：1）进入人数统计页面分组管理功能的详细描述如表2-24所示。表2-24分组管理功能用例描述名称内容用例编号：CC20用例名：分组管理参与者：裁判触发因素：运动员完成报名并且在报名日期结束后比赛开始前输入信息：比赛编号、分组数量结果：完成本项目的分组分道后置条件：将完成分组分道的数据更新进数据库中过程：1）进入分组管理的模块2）选择需要分组的项目3）点击“生成比赛编号”按钮生成比赛编号4）在分组框中输入分组数量5）点击“分组分道”按钮6）点击“完成分组“按钮，分组分道完成

第3章系统设计3.1总体设计根据运动会系统需求，运动会前台应包括首页展示、运动员个人中心、比赛报名，共计为三个基本模块。图3-1高校运动会管理前台功能结构图(1)新闻展示：首页将根据时间进行排序并把最近的新闻展示出来，供游客和其他用户查看。(2)公告展示：首页将根据时间进行排序并把最近的公告信息展示出来，供游客和其他用户查看。(3)法规列表：首页将根据时间进行排序并把最近的政策法规展示出来，供游客和其他用户浏览(4)风采展示：在运动员展示界面，将本学校所有的优秀运动员信息展示出来并且带图片和运动员简介。(5)个人信息修改：运动员登录后可以对自己的密码进行修改。(6)比赛信息：分为预赛信息和决赛信息，运动员完成报名后由裁判进行分组分道确定比赛时间后可查看到预赛信息，预赛结束并进入决赛的人员则能查询道决赛信息。(7)比赛成绩：分为预赛成绩和决赛成绩，运动员完成比赛后由裁判进行登记其后便能查阅到比赛成绩。(8)校记录浏览：在登录系统后在自己的页面可以看到学校的各项比赛记录。(9)比赛报名：在运动员的页面中，会提供两个下拉项供运动员进行选择报名项目当选中后即可完成报名。(10)取消报名：报名时间截至范围内可取消报名。依照运动会管理需求分析，运动会后台管理应包括报名管理、比赛管理、统计管理、校记录管理、人员管理、分组管理、首页管理，共计七个基本模块。图3-2高校运动会管理后台功能结构图(1)设定报名日期：在学院管理员报名日期界面，提供报名的开始时间和结束时间。(2)限定比赛日期：在学院管理员报名日期界面，提供比赛的开始时间和结束时间。(3)筛选报名人员：在系统中限定单个项目的报名人数不能超过四人，由学院老师将成绩最好的选手进行报名。(4)预赛管理：在裁判的预赛管理页面，选择需要进行成绩登记的项目将数据查询出来为每组的每位运动员进行成绩登记并生成小组排名，最终录入预赛成绩并生成决赛名单。(5)决赛管理：通过预赛的成绩得到决赛名单，对决赛进行成绩登记最终得到本次比赛成绩。(6)人数统计：在所有学院的运动员都完成报名后，生成人数统计图表、包含学院、性别以及各个项目的参赛比例；(7)分数统计：在所有比赛项目结束后根据得分规则统计各学院所获的总分。(8)添加校记录：在校记录列表界面，把当前所有的项目记录展示出来，添加列表中没有的记录。(9)修改校记录：在每年的运动会期间，将被打破的纪录进行修改。(10)人员管理：在人员列表界面，展示出所有的人员信息，学院管理员可以新增、修改、删除人员。(11)接力分组管理：在接力分组界面，查询接力数据以学院为单位进行显示，裁判分发运动员编号组数道数。(12)其他分组管理：在项目分组界面，查询每个类型的项目数据，裁判可以生成比赛编号、组次、道次。(13)首页管理：在首页管理页面中，学院管理员可以新增、修改、删除新闻公告等内容。3.2前台功能模块设计3.2.1首页展示模块运动会管理系统前台的首页展示包括新闻、公告、政策法规、人物风采，共计四个部分。每个部分别从数据库中取出时间最近的一部分内容展示在首页。新闻公告部分为展示学校最近的动态，政策法规部分展示的是体育局新发布的比赛规定，风采展示部分为图片加文字内容。3.2.2运动员个人中心模块运动会管理系统前台的运动员个人中心包括个人信息修改、比赛信息查看、比赛结果查看、校记录浏览，共计四个模块。个人信息修改部分为运动员登录后可以修改本人密码，在完成报名。比赛信息模块功能流程如图所示。图3-3比赛信息模块操作流程图比赛信息流程说明如下步骤1:查看运动是否报名，完成报名则进入步骤2，否则直接到步骤5。步骤2:进入预赛信息页面，查看决赛信息。步骤3:判断是否完成决赛分组，如果完成决赛分组进入步骤4，否则返回步骤2。步骤4:今日决赛页面。步骤5:结束。3.2.3比赛报名模块运动会管理系统前台的比赛报名包括项目报名和取消报名，共两个部分。比赛报名部分为根据运动员登录的身份信息提供允许报名的项目一人限报两项。取消报名则在报名结束时间内可取消比赛项目的报名。比赛报名模块流程如图所示。图3-4比赛报名模块操作流程图步骤1:如果该运动员已完成了报名则直接跳到步骤5，否则跳到步骤2。步骤2:选择比赛项目1，跳到步骤3。步骤3:选择比赛项目2，跳到步骤4。步骤4:点击完成报名，跳到步骤5。步骤5:结束。3.3后台功能模块设计3.3.1报名管理模块运动会管理系统后台的报名管理包括报名时间和报名人数和比赛时间，共计三个部分。管理员登录后在未进行报名时间的设定前提下可进行设定报名起止时间、报名人数、比赛的起止时间。报名管理模块流程如下所示。图3-5报名管理模块操作流程图步骤1:管理员登录系统。步骤2:管理员登录后进入步骤3，未正常登录则直接跳到步骤7。步骤3:进入管理员后台页面。步骤4:选择报名管理。步骤5:进行报名时间比赛时间和报名人数的设定。步骤6:时间设定完成。步骤7:结束。3.3.2比赛管理模块运动会管理系统后台的比赛管理包括预赛成绩管理和决赛成绩管理，共计两个模块。裁判将预赛和决赛信息查询出来并完成所有运动员的成绩登记，完成小组排名和最终决赛成绩排名。比赛管理模块流程如下所示。图3-6比赛管理模块操作流程图步骤1:裁判登录系统。步骤2:裁判登录后进入步骤3，未正常登录则直接跳到步骤7。步骤3:进入裁判后台页面。步骤4:选择比赛管理。步骤5:进行预赛成绩的录入，生成小组排名，完成决赛成绩的录入。步骤6:成绩登记完成。步骤7:结束3.3.3统计管理模块运动会管理系统后台的统计管理模块分为报名人数统计和比赛成绩统计两个模块。裁判可以查看各数据的统计。统计管理模块流程如下所示。图3-7统计管理模块操作流程图步骤1:裁判登录系统。步骤2:裁判登录后进入步骤3，未正常登录则直接跳到步骤7。步骤3:进入裁判后台页面。步骤4:选择统计管理。步骤5:对报名人数的统计以及赛后的成绩统计。步骤6:操作完成。步骤7:结束。3.3.4校记录管理模块运动会管理系统后台的校记录管理由学院管理员管理进行更新等操作。校记录管理模块流程如下所示。图3-8校记录管理模块操作流程图步骤1:裁判登录系统。步骤2:裁判登录后进入步骤3，未正常登录则直接跳到步骤7。步骤3:进入裁判后台页面。步骤4:选择校记录管理。步骤5:查询所有记录、修改记录和新增记录。步骤6:操作完成。步骤7:结束。3.3.5人员管理模块管理员可以对学校的人员信息进行管理包括添加修改等。人员管理模块流程如下所示。图3-9人员管理模块操作流程图步骤1:管理员登录系统。步骤2:管理员登录后进入步骤3，未正常登录则直接跳到步骤7。步骤3:进入管理员后台页面。步骤4:选择人员管理。步骤5:查询所有人员信息、修改个人信息和添加新成员。步骤6:操作完成。步骤7:结束。3.3.6分组管理模块运动会管理系统分组管理模块按项目的类型来分的话共七个部分、短跑、中长跑、长跑、接力、投掷、跳跃、跨栏。分组管理模块流程如下所示。图3-10分组管理模块操作流程图步骤1:裁判登录系统。步骤2:裁判登录后进入步骤3，未正常登录则直接跳到步骤7。步骤3:进入裁判后台页面。步骤4:选择项目分组管理。步骤5:为接力、短跑、中长跑、长跑、跨栏、跳跃和投掷项目分别进行分组。步骤6:分组完成。步骤7:结束。3.3.7首页管理模块运动会管理系统后台首页模块包括，新闻、公告、政策法规、人物风采展示四个模块。学院管理员可以对他们进行发布修改删除操作。3.4数据库设计3.4.1概念结构设计图3-11ER图图3-12运动员实体属性图3-13老师实体属性图3-14报名实体属性图3-15新闻实体属性图3-16公告实体属性图3-17法规实体属性图3-18个人风采实体属性图3-19管理员实体属性图3-20裁判实体属性图3-21项目实体属性图3-22预赛实体属性图3-23决赛实体属性图3-24报名时间实体属性图3-25校记录实体属性3.4.2逻辑结构设计（1）运动员信息表（运动员编号，姓名，密码，性别，出生日期，身份，学院）（2）教师表（教师编号，教师姓名，密码，学院）（3）报名表（运动员编号，项目编号，姓名，性别，学院，报名时间，身份，成绩）（4）新闻表（新闻编号，新闻标题，新闻内容，发布时间）（5）公告表（公告编号，公告标题，公告内容，公告时间）（6）法规表（法规编号，法规标题，法规内容，更新时间）（7）风采展示表（人物编号，介绍标题，人物描述，上传时间，图片地址）（8）管理员表（管理员编号，姓名，密码）（9）裁判表（裁判编号，姓名，密码，负责项目）（10）项目表（项目编号，项目名称，项目类型，预赛日期，预赛时间，时间间隔，决赛日期，决赛时间，比赛地点）（11）预赛表（运动员编号，项目编号，比赛编号，组数，道数，预赛日期，预赛时间，预赛成绩，排名，备注）（12）决赛表（运动员编号，项目编号，比赛编号，道数，决赛日期，决赛时间，决赛成绩，排名，备注）（13）报名时间表（报名开始时间，报名结束时间，比赛开始时间，比赛结束时间）（14）校记录表（运动员编号，项目编号，记录时间）3.4.3物理结构设计（1）运动员表主要展示运动员的基本信息。其含有运动员编号、姓名、密码、所属学院、身份等。表3-1运动员表（zb_sporter）编号字段名字段类型是否为空备注1zb_sporteridbigint否主键2zb_namevarchar(15)否姓名3zb_spwdvarchar(50)否密码4zb_sexchar(2)否性别5zb_birthDate是出生日期6zb_collegevarchar(30)是学院7ck_birthvarchar(30)是身份（2）教师表主要显示教师信息。其含有教师编号、姓名、密码。表3-2教师表（zb_collegeteacher）编号字段名字段类型是否为空备注1zb_teachidint否主键2zb_teachnamevarchar(20)否姓名3zb_tpwdvarchar(20)否密码（3）报名表主要显示报名信息。其含有运动员编号、运动员姓名、性别、学院、项目编号、报名时间、成绩、身份。表3-3报名表（zb_apply）编号字段名字段类型是否为空备注1zb_sporteridint否外键运动员编号2zb_sport_namevarchar(20)否运动员姓名3zb_sexchar(2)否性别4zb_collegevarchar(20)否所属学院5zb_identifyvarchar(20)是身份6zb_pidint否外键，项目编号7zb_apply_datedate否报名时间8zb_gradevarchar(20)是学院测试成绩（4）新闻表主要显示食谱信息。其含有新闻编号、新闻标题、新闻内容、发布时间。表3-4新闻表（zb_new）编号字段名字段类型是否为空备注1zb_newidint否主键2zb_newtitlevarchar(200)否新闻标题3zb_newcontentvarchar(2000)是新闻内容4zb_newtimedatetime否发布时间（5）公告表主要显示公告信息。其含有公告编号、公告标题、公告简介、发布时间。表3-5公告表（zb_notice）编号字段名字段类型是否为空备注1zb_noticeidint否主键2zb_noticetitlevarchar(200)否公告标题3zb_noticecontentvarchar(2000)否公告简介4zb_notidatedatetime否发布时间

（6）法规表主要显示管理员信息。其含有法规编号、法规标题、法规简介、法规时间。表3-6法规表（zb_policy）编号字段名字段类型是否为空备注1zb_poliidint否主键2zb_polititlevarchar(200)否法规标题3zb_policontvarchar(2000)是法规内容4zb_politimedatetime否时间（7）风采展示表主要显示人物信息。其含有人物编号、人物图片地址、人物介绍等。表3-7风采展示表（zb_perintro）编号字段名字段类型是否为空备注1zb_peridint否主键2zb_pertitlevarchar(25)否风采标题3zb_percontVarchar(1000)否风采内容4zb_perurlVarchar(50)否图片地址5zb_pertimetimestamp否上传时间（8）管理员表主要显示管理信息。其含有管理员id、姓名、密码。表3-8管理员表（zb_admin）编号字段名字段类型是否为空备注1zb_idint否主键2zb_namevarchar(10)否管理员名称3zb_pwdvarchar(20)否密码

（9）裁判表主要显示裁判信息。其含有裁判id、裁判名、密码、负责项目类别。表3-9点赞表（ck_thumb）编号字段名字段类型是否为空备注1zb_refidint否主键2zb_refnamevarchar(20)否姓名3zb_refpwdvarchar(20)否密码4zb_refresponvarchar(20)否负责项目类型（10）项目表主要显示项目信息。其含有项目id、项目名称、项目类别、项目预赛日期、预赛时间、决赛日期、决赛时间、时间间隔、比赛地点。表3-10项目表（zb_item）编号字段名字段类型是否为空备注1zb_itemidint否主键2zb_itemnamevarchar(20)否项目名称3zb_itemtypevarchar(10)否项目类型4zb_ydayint否预赛日期5zb_ytimetime否预赛时间6zb_timeintervalint否时间间隔7zb_jdayint否决赛日期8zb_jtimetime否决赛时间9zb_sidevarchar(20)否比赛地点（11）预赛表主要显示预赛信息。其含有运动员编号，项目编号，比赛编号，组数，道数，预赛日期，预赛时间，预赛成绩，排名，备注。表3-11预赛表（zb_yugrade）编号字段名字段类型是否为空备注1zb_sporteridbigint否外键，运动员编号2zb_itemidint否外键，项目编号3zb_serinumint否比赛编号4zb_fgroupint否比赛组5zb_sideint否比赛道6zb_yudatedate否预赛日期7zb_yutimetime否预赛时间8zb_ygradevarchar(20)否预赛成绩9zb_sortint否预赛排名10zb_re_markvarchar(50)是备注

（12）决赛表主要显示决赛信息。其含有运动员编号，项目编号，比赛编号，道数，决赛日期，决赛时间，决赛成绩，排名，备注。表3-12决赛表（zb_final_grade）字段名字段描述字段类型是否为空备注1zb_sporteridbigint否外键，运动员编号2zb_itemidint否外键，项目编号3zb_serinumint否比赛编号4zb_remarkvarchar(50)否备注5zb_sideint否比赛道6zb_jdatedate否决赛日期7zb_jtimetime否决赛时间8zb_jgradevarchar(20)否决赛成绩9zb_sortint否决赛排名（13）报名时间表主要显示报名时间信息。其含有报名开始时间、结束时间、比赛开始时间、结束时间。表3-13报名时间表（zb_calyear）字段名字段描述字段类型是否为空备注1zb_apply_bgtimedate否报名开始时间2zb_apply_overtimedate否报名结束时间3zb_match_bgtimedate否比赛开始时间4zb_match_overtimedate否比赛结束时间

（14）校记录表主要显示校记录信息。其含有运动员编号、项目id、记录时间。表3-14留言板表（ck_message）字段名字段描述字段类型是否为空备注1zb_sporteridbigint否外键，运动员id2zb_itemidint否外键，项目id3zb_daydate否时间第4章系统实现4.1高校运动会管理系统前台实现4.1.1前台首页首页部分展示的是近期新闻、公告、体育局发布最近出台的比赛规定、人物风采展和联系我们。首页新闻界面如图4-1所示。图4-1首页新闻展示(1)首页新闻展示模块核心代码 <selectid="selectnew"resultMap="BaseResultMap">select*fromnewsORDERBYrelease_timedesc;</select>//从数据库中按时间倒叙的方式进行查出首页公告界面如图4-2所示。图4-2公告列表展示(2)首页公告展示模块核心代码<selectid="selectall"resultMap="BaseResultMap">select<includerefid="Base_Column_List"/>fromnoticeorderbyno_timedesc</select>政策法规界面如图4-3所示。图4-3政策法规列表展示(3)政策法规展示模块核心代码 <selectid="selectall"resultMap="BaseResultMap">select<includerefid="Base_Column_List"/>frompolicyorderbypo_timedesc</select>运动员风采展界面如图4-4所示。图4-4运动员风采展示(4)运动员风采展展示模块核心代码<selectid="selectall"resultMap="BaseResultMap">select<includerefid="Base_Column_List"/>frompersonshowORDERBYiddesc</select>4.1.2运动员个人中心模块运动员个人中心模块包括个人的密码修改，比赛信息的查看、比赛的状态、比赛的成绩以及校记录等。运动员的密码修改如图4-5所示。图4-5运动员修改密码页(5)运动员修改密码模块核心代码 axios.get('http://localhost:8088/changestupwd?id='+[[${session.sporterid}]]+"&pwd="+surepwd).then((result)=>{alert("密码修改成功");window.location.href='http://localhost:8088/login';});<updateid="changepwd">updateidentitysetpwd=#{pwd,jdbcType=VARCHAR}wheresno=#{id,jdbcType=BIGINT}</update>比赛信息页如图4-6所示。图4-6比赛信息页(6)比赛信息展示模块核心代码yugame(id){axios.get('http://localhost:8088/stuselyuinfor?sno='+id+"&year="+newDate().getFullYear()).then((result)=>{if(result!=null){this.yugameinfor=result.data}})},finalgame(id){axios.get('http://localhost:8088/stuseljueinfor?sno='+id+"&year="+newDate().getFullYear()).then((result)=>{if(result!=null){this.finalgameinfor=result.data}})}校记录列表页面如图4-7所示。图4-7校记录列表(7)校记录列表模块核心代码<selectid="showrecord"resultMap="ShowResultMap">SELECTb.sno,b.pid,a.`name`asname,a.sexassex,c.inameasiname,b.`day`asday,d.gradeasgrade,a.collegeFROMidentityaJOINrecordbONa.sno=b.snoJOINitemscONc.id=b.pidJOINjgradedONd.sno=b.snoANDd.jday=b.dayANDd.pid=b.pidORDERBYc.iname<iftest="page!=null">LIMIT#{page,jdbcType=INTEGER},22;</if></select>比赛成绩页面如图4-8所示。图4-8比赛成绩列表(8)比赛成绩列表展示模块核心代码yugame(id){axios.get('http://localhost:8088/stuselyugrade?sno='+id+"&year="+newDate().getFullYear()).then((result)=>{if(result!=null){this.yugamegrade=result.data}})},finalgame(id){axios.get('http://localhost:8088/stuseljuegrade?sno='+id+"&year="+newDate().getFullYear()).then((result)=>{if(result!=null){this.finalgamegrade=result.data}})}4.1.3比赛报名模块比赛报名模块由运动员登录后系统判断出其身份并提供相应的项目，在报名时间内可以进行报名和取消报名。项目列表报名如图4-9、图4-10所示。图4-9比赛项目一图4-10比赛项目二(9)项目报名模块核心代码letlistvvv={"sno":[[${session.sporterid}]],"name":[[${session.sportername}]],"sex":[[${session.sportersex}]],"college":[[${session.sportercollege}]],"sclass":[[${session.sporteridentify}]],"grade":"","applyDate":sumday,"pid":$('#item_one').val()}

$.ajax({

type:"POST",

url:"http://localhost:8088/stuyuapply",

data:JSON.stringify(listvvv),//将对象序列化成JSON字符串

dataType:"json",

contentType:'application/json;charset=utf-8',//设置请求头信息

success:function(data){

alert("报名成功");

initital();

$('#item_one').val('');

}

});取消报名如图4-11所示图4-11取消报名(10)取消报名模块核心代码<deleteid="deleteByPrimaryKey"parameterType="com.example.test.entity.Apply">

deletefromapply

wheresno=#{sno,jdbcType=BIGINT}andpid=#{pid,jdbcType=INTEGER}andapply_date=#{applyDate,jdbcType=DATE}

</delete>4.2高校运动会管理网站后台实现4.2.1后台主页后台主页分为管理员、学院老师和裁判三个角色，主页主要内容为新闻管理、比赛项目状态、报名人数统计。主页如图4-12、4-13、4-14所示。图4-12管理员主页图4-13裁判主页图4-14学院教师主页后台主页功能核心代码//比赛项目的状态核心代码List<ItemStatus>item=itemsService.selitemstatus();List<ItemStatus>newitem=newArrayList<>();for(inti=0;i<item.size();i++){if(newDate().before(item.get(i).getYday())){item.get(i).setStatus("未开始");newitem.add(item.get(i));}elseif(item.get(i).getJday().before(newDate())){item.get(i).setStatus("已结束");newitem.add(item.get(i));}else{item.get(i).setStatus("正在进行");newitem.add(item.get(i));}}4.2.2报名管理模块报名管理模块分为报名的起止时间和比赛的起止时间，各学院老师进行报名后的筛选只有成绩排名靠前的选手才能代表学院参加比赛，报名时间每年只允许进行一次设定并且不能设置为当前日期之前，设定后不能更改。设定报名时间如图4-15所示。图4-15设定报名时间页面(1)不允许时间设置为当前日期之前核心代码 letdate=newDate();letmonth=date.getMonth()+1;letday=date.getFullYear()+"-"+month+"-"+date.getDate();$("#applydate").attr("min",day);$("#applyoverdate").attr("min",day);$("#bgdate").attr("min",day);$("#overdate").attr("min",day);(2)设置时间核心代码<insertid="insert"parameterType="com.example.test.entity.CalendarYear">insertintocalendaryear(applybgdate,applyovertime,bgdate,overtime)values(#{applybgdate,jdbcType=DATE},#{applyovertime,jdbcType=DATE},#{bgdate,jdbcType=DATE},#{overtime,jdbcType=DATE})</insert>报名筛选如图4-15所示。图4-15报名筛选页面（3）报名筛选核心代码//将复选框状态为被选中的项目添加到数组中完成报名if(apply.applyitem[i]['status']==true){PackageClass.push({"sno":apply.applyitem[i]['sno'],"pid":apply.applyitem[i]['id'],"yday":apply.applyitem[i]['yday'],"ytime":"00:00:00"})}4.2.3比赛管理模块比赛管理模块展示预赛和决赛的比赛信息和学院测试成绩，预赛按小组为单位进行成绩的登记并完成小组排名最终得到决赛的名单。学院测试成绩如图4-16所示。图4-16学院测试成绩列表预赛成绩如图4-17所示。图4-17预赛成绩列表（2）预赛小组排序核心代码 notnulldata.sort(function(zbwobj1,zbwobj2){ letzbwnum1=parseFloat(zbwobj1.ygrade.replace(/'/g,""));letzbwnum2=parseFloat(zbwobj2.ygrade.replace(/'/g,"")); returnzbwnum1-zbwnum2; }) notnulldata.forEach((zbwv,abvin)=>{ zbwv.sort=abvin+1; })vue.currentpagedata=notnulldata;letlen=notnulldata.length+1; for(leti=0;i<nulldata.length;i++){ nulldata[i]['sort']=len+i; vue.currentpagedata.push(nulldata[i]);}(3)预赛成绩登记核心代码<updateid="updateByPrimaryKeySelective"parameterType="com.example.test.entity.Ygrade">updateygrade<set><iftest="fgroup!=null">fgroup=#{fgroup,jdbcType=INTEGER},</if><iftest="side!=null">side=#{side,jdbcType=INTEGER},</if><iftest="ygrade!=null">ygrade=#{ygrade,jdbcType=VARCHAR},</if><iftest="sort!=null">sort=#{sort,jdbcType=INTEGER},</if><iftest="yday!=null">yday=#{yday,jdbcType=DATE},</if><iftest="ytime!=null">ytime=#{ytime,jdbcType=TIME},</if><iftest="remark!=null">remark=#{remark,jdbcType=VARCHAR},</if><iftest="serialnum!=null">serialnum=#{serialnum,jdbcType=INTEGER},</if></set>wheresno=#{sno,jdbcType=BIGINT}andpid=#{pid,jdbcType=INTEGER}</update>决赛成绩列表如图4-18所示。图4-18决赛成绩列表决赛成绩核心代码<updateid="updateByPrimaryKeySelective"parameterType="com.example.test.entity.Jgrade">

updatejgrade

<set>

<iftest="grade!=null">

grade=#{grade,jdbcType=VARCHAR},

</if>

<iftest="remark!=null">

remark=#{remark,jdbcType=VARCHAR},

</if>

<iftest="sort!=null">

sort=#{sort,jdbcType=INTEGER},

</if>

</set>

wheresno=#{sno,jdbcType=BIGINT}andpid=#{pid,jdbcType=INTEGER}andjday=#{jday,jdbcType=DATE}

</update>4.2.4统计管理模块统计管理模块是对各种数据的人员以及分数统计。包括报名后的人员按照学院或其他条件分别统计，还有赛后总分的统计。报名人数统计如图4-19、4-20所示。图4-19报名总人数统计图图2-20学院报名人数统计图报名人数统计核心代码//按性别进行报名人数统计 <selectid="countsexperson"resultMap="PersonCount">SELECTsexasname,COUNT(c.sex)as'value'FROMygradeaJOINitemsbONa.pid=b.idJOINidentitycONc.sno=a.snoanda.ydayLIKEconcat('%',#{year,jdbcType=VARCHAR},'%')<iftest="sclass!=nullandsclass!=''"> ANDc.sclass=#{sclass,jdbcType=VARCHAR}</if>GROUPBYc.sex;</select>//按学院进行报名人数统计<selectid="countcollegeperson"resultMap="PersonCount">SELECTc.collegeasname,COUNT(c.college)as'value'FROMygradeaJOINitemsbONa.pid=b.idJOINidentitycONc.sno=a.snoanda.ydayLIKEconcat('%',#{year,jdbcType=VARCHAR},'%')<iftest="sclass!=nullandsclass!=''">ANDc.sclass=#{sclass,jdbcType=VARCHAR}</if> GROUPBYc.college;</select>//按项目名称进行报名人数统计<selectid="countitemperson"resultMap="PersonCount">SELECTb.inameasname,COUNT(b.iname)as'value'FROMygradeaJOINitemsbONa.pid=b.idJOINidentitycONc.sno=a.snoanda.ydayLIKEconcat('%',#{year,jdbcType=VARCHAR},'%') <iftest="sclass!=nullandsclass!=''">ANDc.sclass=#{sclass,jdbcType=VARCHAR}</if>GROUPBYb.iname;</select>比赛得分统计如图4-21所示。图4-21比赛得分统计图（2）比赛得分统计核心代码//根据决赛排名分别将每个人的得分查询出来<selectid="refselectscore"resultMap="scorelist">SELECTb.college,SUM(CASEa.sortwhen1then9when2then7when3then6when4then5when5then4when6then3when7then2when8then1END)as'score'FROMjgradeaJOINidentitybONa.sno=b.snoJOINitemscONa.pid=c.idANDa.jdaylikeconcat('%',#