Skip to content

Latest commit

 

History

History
44 lines (34 loc) · 2.87 KB

README.md

File metadata and controls

44 lines (34 loc) · 2.87 KB

(代码写的跟我吹的有出入,望谅解)

前端技术栈

Vue (通过API连接后端)

演示地址:

展示演示地址 管理页演示地址

项目运行


1、nodejs下调试运行环境

2、mongodb/redis/mysql( 开启状态)

主要展示页面

  • 统计页:统计玩家在联赛中积分,记录,与主要比赛数据;
  • 分析页:玩家,队伍每场比赛的详细数据
  • 图表页:数据图表化显示
  • 赛程页:玩家行程安排,各队伍赛程,积分

主要管理页面

  • 管理员页面:区别于网站页面,负责赛程安排
  • 添加比赛:裁判员获得比赛ID输入,使用API,后端将比赛存储在数据库中
  • 安排赛程:安排队伍名称,安排比赛赛程

NOSQL数据:

  • 经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镜像之中,以方便在不同服务器之中部署。

软件用途

本项目逻辑亦可用于各大业余联赛参考。用于对小团体的联赛进行记录,构造一个公平、透明、使用方便的人性化联赛积分平台。主要应用于业余联赛需求,并能对线上数据进行分析,可视化展示。其目的在于利用现代化的计算机及其网络手段,对线上比赛进行数据管理,提高技术统计和计数工作的工作效率,确保数据的安全性和准确性,实现自动化数据统计,保障信息传递技术,资料完整。通过数据的录入,查询,统计等重现比赛过程,加以总结,选手可以根据数据调整,总结进步,升级比赛技能。提高比赛观赏性及联赛质量性。也可以通过复盘,完善,增加系统的完整性,赛制合理性和结构性。