1 项目介绍
本篮球竞赛预约平台以springboot作为框架,b/s模式以及MySql作为后台运行的数据库,同时使用Tomcat用为系统的服务器。本系统主要包括首页,个人中心,用户管理,项目分类管理,竞赛项目管理,赛事预约管理,系统管理等功能,通过这些功能的实现基本能够满足日常篮球竞赛预约管理的操作。
2、项目技术
项目后端框架:Java+ssm
项目前端框架:vue2,ssm
3、开发环境
springboot环境说明:
环境说明:
开发语言:java
框架: springboot, vue
JDK版本:JDK1.8
数据库:mysql 5.7+ (推荐5.7,8.0也可以)
数据库工具:Navicat11+
开发软件:idea/eclipse (推荐idea)
Maven包:Maven3.3.9+
第四章 系统功能的具体实现
4.1 前台功能模块
篮球竞赛预约平台,用户进入到平台首页,可以查看首页,竞赛项目,平台公告,个人中心,后台管理等内容进行操作,如图4-1所示。
图4-1平台首页界面图
用户注册;在用户注册页面中输入用户账号,密码,确认密码,用户姓名,年龄,用户手机,身高,体重等内容进行用户注册操作;如图4-2所示。
图4-2用户注册界面图
竞赛项目;在竞赛项目页面中可以查看赛事名称,赛事编号,项目分类,比赛模式,赛事要求,比赛时间,比赛地点,比赛详情、封面等内容;并进行赛事预约,评论,收藏操作;如图4-3所示。
图4-3竞赛项目界面图
平台公告;在平台公告页面中可以查看标题,图片、内容等内容,如图4-4所示。
图4-4平台公告界面图
个人中心;在个人中心页面中输入用户账号,密码,用户姓名,性别,年龄,上传图片,用户手机,身高,体重等内容进行更新信息,并可以根据需要对我的收藏进行详细的操作管理,如图4-5所示。
图4-5个人中心界面图
4.2 后台功能模块
后台用户登录,通过填写注册时输入的用户名、密码、选择角色等信息进行登录操作,如图4-6所示。
图4-6后台登录界面图
4.2.1 管理员功能
管理员登录进入篮球竞赛预约平台可以查看首页,个人中心,用户管理,项目分类管理,竞赛项目管理,赛事预约管理,系统管理等功能进行详细操作,如图4-7所示。
图4-7管理员功能界面图
用户管理;在用户管理页面中可以查看索引,用户账号,用户姓名,性别,年龄,头像,用户手机,身高,体重等内容,并进行详情,修改和删除等操作;如图4-8所示。
图4-8用户管理界面图
项目分类管理;在项目分类管理页面中可以查看索引,项目分类等内容,并进行修改和删除等操作;如图4-9所示。
图4-9项目分类管理界面图
竞赛项目管理;在竞赛项目管理页面中可以查看索引,赛事编号,赛事名称,项目分类,比赛模式,比赛要求,比赛时间,封面,比赛地点等内容,并进行详情,修改和删除等操作;如图4-1所示。
图4-10竞赛项目管理界面图
赛事预约管理;在赛事预约管理页面中可以查看索引,赛事编号,赛事名称,项目分类,比赛模式,比赛地点,比赛时间,用户账号,用户姓名,性别,年龄,身高,体重,用户手机,预约时间,备注,审核回复,审核状态,审核等内容,并进行详情,查看评论,修改和删除等操作;如图4-11所示。
图4-11赛事预约管理界面图
系统管理;在平台公告页面中可以查看索引,标题,图片等内容,并进行详情,修改和删除等操作;还可对轮播图管理进行详细操作;如图4-12所示。
图4-12系统管理界面图
4.2.2 用户功能
用户登录进入篮球竞赛预约平台可以查看首页,个人中心,赛事预约管理等功能进行详细操作,如图4-13所示。
图4-13用户功能界面图
个人中心;在个人中心页面通过填写用户账号,用户姓名,性别,年龄,头像,用户手机,身高,体重等内容进行个人信息修改操作;如图4-14所示。
图4-14个人中心界面图
赛事预约管理;在赛事预约管理页面中可以查看索引,赛事编号,赛事名称,项目分类,比赛模式,比赛地点,比赛时间,用户账号,用户姓名,性别,年龄,身高,体重,用户手机,预约时间,备注,审核回复,审核状态等内容,并进行详情,删除等操作;如图4-15所示。
图4-15赛事预约管理界面图