(代码写的跟我吹的有出入,望谅解)
Vue (通过API连接后端)
1、nodejs下调试运行环境
2、mongodb/redis/mysql( 开启状态)
- 统计页:统计玩家在联赛中积分,记录,与主要比赛数据;
- 分析页:玩家,队伍每场比赛的详细数据
- 图表页:数据图表化显示
- 赛程页:玩家行程安排,各队伍赛程,积分
- 管理员页面:区别于网站页面,负责赛程安排
- 添加比赛:裁判员获得比赛ID输入,使用API,后端将比赛存储在数据库中
- 安排赛程:安排队伍名称,安排比赛赛程
- 经API获取后台处理形成数据存储
名称 | 键 | 值 |
---|---|---|
比赛数据 | matchdata | 比赛队伍,选手表现数据,建筑物数据,一血时间等 |
选手数据 | playerdata | 积分,平均比赛KDA,比赛总金额经验等 |
队伍数据 | teamdata | 5名选手ID+N替补ID |
该项目实现前后端分离,docker 持续部署
- 前端页面利用实时通讯,利用 axios ( http 的基本常用请求库)向后端通过http的方式请求数据。从项目展现过程中来看,利用 Vue 单页面特性,利用 vue-router 配置各页面跳转,url 转发从而实现单页面数据展现与刷新。
- 后端配置主体利用 SpringMVC,通过 Servlet 转发处理由页面用户操作发送过来的请求。这里的后端还链接了 open-data的 API,在本联赛系统中,通过录入比赛 ID,即可自动分析比赛数据,存储到数据库存储系统中。
- 关于 docker,即利用持续集成,在 Maven 将项目编译为 jar 包之后,利用 dockerfile 文件自动集成到一个Ubuntu镜像之中,以方便在不同服务器之中部署。
本项目逻辑亦可用于各大业余联赛参考。用于对小团体的联赛进行记录,构造一个公平、透明、使用方便的人性化联赛积分平台。主要应用于业余联赛需求,并能对线上数据进行分析,可视化展示。其目的在于利用现代化的计算机及其网络手段,对线上比赛进行数据管理,提高技术统计和计数工作的工作效率,确保数据的安全性和准确性,实现自动化数据统计,保障信息传递技术,资料完整。通过数据的录入,查询,统计等重现比赛过程,加以总结,选手可以根据数据调整,总结进步,升级比赛技能。提高比赛观赏性及联赛质量性。也可以通过复盘,完善,增加系统的完整性,赛制合理性和结构性。