一、技术路线:
开发语言:Java
使用框架:spring boot
前端技术:JavaScript、VUE.js(2.X)、css3
数据库:MySQL 5.7
数据库管理工具:Navicat或sqlyog
开发工具:IDEA或Ecplise
二、项目介绍:
三、运行截图:
3.1用户客户端功能实现用户注册通过注册窗口,进行在线填写自己的密码、用户姓名、用户账号、联系电话、个人照片等,信息编辑完成后核对信息无误后进行选择注册,系统核对用户所输入的账号信息是否准确,核对信息准确无误后系统进入到操作界面。
用户通过登录进入到系统操作界面后,可以根据需求对首页、体育场、交流论坛、我的等模块进行管理维护操作。
如图3-1所示。
图3-1用户注册界面图
用户登录通过账号、密码行页面,进入到高校体育场管理系统主界面,进入到操作界面,进行相对应操作,如图3-2所示。
图3-2用户登录界面图
用户首页页面可以查看首页、体育场、交流论坛、我的等信息,进行提交操作,如图3-3所示。
图3-3首页界面图
用户进入体育场页面可以填写面积、场地编号、场地名称、状态、容纳人数、费用、封面等信息,进行用户预约操作,如图3-4所示。
图3-4体育场界面图
用户进入用户订单页面可以填写预约编号、场地编号、场地名称、用户账号、用户姓名、费用、联系电话、预约时间等信息,进行支付、评价操作,如图3-3-所示。
图3-5用户订单界面图
用户进入我的发布页面可以填写标题、内容等信息,进行确认提交操作,如图3-6-所示。
图3-6我的发布界面图
3.2学生客户端功能实现
学生登录通过账号、密码行页面,进入到高校体育场管理系统主界面,进入到操作界面,进行相对应操作,如图3-7所示。
图3-7学生登录界面图
学生首页页面可以查看首页、体育场、交流论坛、我的等信息,进行提交操作,如图3-8所示。
图3-8首页界面图
学生进入体育场页面可以填写面积、场地编号、场地名称、状态、容纳人数、费用、封面等信息,进行学生预约操作,如图3-9所示。
图3-9体育场界面图
学生进入学生订单页面可以填写预约编号、场地编号、场地名称、学籍号、学生姓名、费用、联系电话、预约时间等信息,进行支付、评价操作,如图3-10-所示。
图3-10学生订单界面图
学生进入我的发布页面可以填写标题、内容等信息,进行确认提交操作,如图3-11-所示。
图3-11我的发布界面图
学生进入用户信息页面可以填写学籍号、学生姓名、密码、性别、联系电话、邮箱、身份证等信息,进行保存、退出登录操作,如图3-12-所示。
图3-12用户信息界面图
3.3管理员服务端功能实现管理员通过高校体育场管理系统进行确认,管理员进入到高校体育场管理系统主界面,管理员进入到操作界面,通过登录窗口进行在线填写自己的用户名和密码、角色进行登录,登录成功后进入到系统操作界面进行相应信息的获取,如图3-13所示。
图3-13管理员登录主界面图
管理员进入到界面,通过界面的任务大厅,登录成功后进入到系统可以进行查看首页、个人中心、状态管理、学生管理、用户管理、体育场管理、用户订单管理、学生订单管理、评价信息管理、交流论坛、系统管理等功能模块,进行相对应操作,如图3-14所示。
图3-14管理员功能界面图
管理员点击进入学生管理页面可以查看学籍号、学生姓名、密码、性别、联系电话、邮箱、身份证等信息,进行详情、修改、删除操作,如图3-15示。
图3-15学生管理界面图
管理员进入体育场管理界面,通过界面的任务大厅,登录成功后进入到系统可以进行查看面积、场地编号、场地名称、状态、容纳人数、费用、封面等信息,进行详情、修改、删除操作,如图3-16所示。
图3-16体育场管理界面图
管理员进入到用户订单管理界面,通过界面的任务大厅,登录成功后进入到系统可以查看预约编号、场地编号、场地名称、用户账号、用户姓名、费用、联系电话、预约时间、封面、是否支付等信息,进行详情、修改、删除操作,如图3-17所示。
图3-17用户订单管理界面图
管理员进入到学生订单管理界面,通过界面的任务大厅,登录成功后进入到系统可以查看预约编号、场地编号、场地名称、学籍号、学生姓名、费用、联系电话、预约时间、封面、是否支付等信息,进行详情、修改、删除操作,如图3-18所示。
图3-18学生订单管理界面图
管理员进入到系统公告界面,通过界面的任务大厅,登录成功后进入到系统可以查看标题、简介、图片等信息,进行详情、修改、删除操作,如图3-19所示。
图3-19系统公告界面图