一、技术路线:
开发语言:Java
前端技术:JavaScript、VUE.js(2.X)、css3
数据库:MySQL 5.7
数据库管理工具:Navicat或sqlyog
开发工具:IDEA或Ecplise
二、项目介绍:
https://www.bilibili.com/video/BV1sz4y1V73K?t=9.2
三、运行截图:
3.1 用户功能模块的实现
用户进入本系统可查看系统信息,系统主界面展示如图3-1所示。
图3-1系统主界面图
3.1.1用户注册界面
未有账号的用户可进入注册界面进行注册操作,用户注册界面展示如图3-2所示。
图3-2用户注册界面图
3.1.2用户登录界面
用户要想进行比赛报名操作,必须登录系统,用户登录界面展示如图3-3所示。
图3-3用户登录界面图
3.1.3比赛详情界面
用户在比赛详情界面可查看比赛详细信息,登录后可进行报名操作,比赛详情界面展示如图3-4所示。
图3-4 比赛详情界面图
3.1.4比赛报名界面
用户登录后可选择比赛进行报名操作,比赛报名界面展示如图3-5所示。
图3-5 比赛报名界面图
3.1.5留言反馈界面
用户登录后可进行留言反馈操作,留言反馈界面展示如图3-6所示。
图3-6 留言反馈界面图
3.1.6个人信息界面
用户可修改个人信息,个人信息界面展示如图3-7所示。
图3-7 个人信息界面图
3.1.7比赛成绩界面
用户可进入比赛成绩界面查看个人比赛成绩信息,比赛成绩界面展示如图3-8所示。
图3-8 比赛成绩界面图
3.2管理员功能模块的实现
3.2.1管理员登录界面
管理员要想进入系统后台对系统进行管理操作,必须进行登录系统,管理员登录界面展示如图3-9所示。
图3-9管理员管理界面图
3.2.2裁判管理界面
管理员可查看所有裁判信息,并可对其进行修改和删除操作,同时也可添加裁判信息,裁判界面展示如图3-10所示。
图3-10 裁判管理界面图
3.2.3用户管理界面
管理员可添加、修改和删除用户信息,用户管理界面展示如图3-11所示。
图3-11 用户管理界面图
3.2.4比赛项目管理界面
管理员可增删改查比赛项目信息,比赛项目管理界面展示如图3-12所示。
图3-12 比赛项目管理界面图
3.2.5比赛信息管理界面
管理员可增删改查比赛信息,比赛信息管理界面展示如图3-13所示。
图3-13 比赛信息管理界面图
3.3裁判功能模块的实现
3.3.1公告信息管理界面
裁判可增删改查公告信息,公告信息管理界面展示如图3-14所示。
图3-14 公告信息管理界面图
3.3.2赛事报名管理界面
裁判可查看所有赛事报名信息,并可对其进行审核和删除操作,赛事报名管理界面展示如图3-15所示。
图3-15 赛事报名管理界面图
3.3.3比赛成绩管理界面
裁判能添加、修改和删除比赛成绩信息,比赛成绩管理界面展示如图3-16所示。
图3-16 比赛成绩管理界面图