游戏比赛计分工具-一套前端代码同时支持安卓+iOS+web端，bootstrap,localStorage,jQuery.zip

# 游戏计分器 ## Table of Contents - [Introdution](#introduction) - [Guide](#guide) 1. [首页](#首页) 2. [设置玩家](#设置玩家) 3. [新增记录](#新增记录) 4. [查看历史](#查看历史) ## Introduction - 背景：在游戏娱乐比赛中，常常需要记录积分，计算出名次，一般人工通过纸笔记录，效率低，统计难。 - 说明：纯前端代码 HTML5 + JS + CSS 编写，利用 APICloud Studio2 WIFI实时预览效果、一键编译打包为移动端app，支持安卓和ios，同时支持web端运行，比赛记录本地存储。 - 依赖：bootstrap框架、localStorage、jQuery - 推荐 IDE： VSCode + APICloud Studio2（或其他有类似功能IDE） ## Guide #### 首页 显示总对局数、总积分、最⾼得分玩家，以及各模块导航按钮 <p align="left"> <img src="https://github.com/RainFZY/GameScoreCalculator/blob/master/images/首页.jpg" alt="Sample" width=35% height=35%> </p> #### 设置玩家 预设参加游戏人数，之后设置参加游戏玩家id <p align="left"> <img src="https://github.com/RainFZY/GameScoreCalculator/blob/master/images/设置玩家.jpg" alt="Sample" width=35% height=35%> </p> #### 新增记录 预设单局总分，每局游戏结束时，录⼊所有玩家积分，保存后，自动刷新积分排名 <p align="left"> <img src="https://github.com/RainFZY/GameScoreCalculator/blob/master/images/新增记录.jpg" alt="Sample" width=35% height=35%> </p> #### 查看历史 显示历史每局游戏积分情况，实时更新总分、以及个人积分统计图表，点击叉按钮删除指定对局记录，点击某一行修改该局积分记录 <p align="left"> <img src="https://github.com/RainFZY/GameScoreCalculator/blob/master/images/查看历史.jpg" alt="Sample" width=35% height=35%> </p>