管理前端

设计起因

模拟器需要一套后台管理系统进行用户管理，便于在参赛队伍较多的情况对接用户系统。

项目架构

为了方便后续开发，全局状态的数据采用的是使用 Redux 进行管理，将用户权限及基本信息进行统一的管理，通过使用单一的数据流方式，让数据传递显得清晰明了，而不让其因此而出现混乱导致项目难以维护。

此外我们还使用组件封装的方式，将部分视图层和对应的业务逻辑统一封装起来，并与其它部分解耦，方便随时使用，达到热插拔的目的，方便应对需求的更改。

在请求方面使用封装 Axios 的方式统一进行出来，同时使用拦截器等对于无效请求及响应进行过滤，让系统更加安全可靠。

功能点

• 头像的剪裁压缩和上传；
• 登录注册以及验证码的校验；
• 菜单边栏的权限管理；
• 队伍管理；
• 人员管理；
• 全屏功能；
• 唤起模拟器客户端；
• 消息管理。