点击空白处退出提示
作品详情
主要由创建场次、进场扫描、座位抽签和作为示意图四部分组成
创建场次:
展示当前已创建场次人数、状态以及创建新的场次功能,状态包含未抽签->已抽签->考试中->已考完,当该场次处于考试中时,显示考试15分钟的倒计时
进场扫描:
进入页面时使准考证输入框自动获得焦点,并播放开始扫描提示音,考场老师通过扫码枪扫描学生准考证条形码或二维码,发送请求查询学生是否为当前考场考生以及是否已经分配座位等信息,如数据正常,在下方展示考试姓名,准考证号,照片等信息。每场考试最多24位学生,根据当前已扫描学生数量设置准考证,并在扫描满员时提醒考场老师
座位抽签:
扫描完成点击抽签按钮以后,由后端完成抽签操作,抽签完成以后跳转到该页面,展示当前考场当前场次的所有学生信息
作为示意图:
根据考场座位分布展示不同分组的座位示意图,帮助学生快速找到自己的位置,点击座位时进行点名,语音播报座位对应的考生姓名,并记录已点名学生,通过不同的背景颜色进行区分
遇到的问题:
1、当考试端触发开始考试,创建场次页面中需要同步将开考场次状态修改为考试中,并开始15分钟倒计时
解决:通过websocket进行通信,收到开始考试时更新页面状态,并开始倒计时
2、收到考试结束时,想后端发请求获取到的数据依然是在考试中
原因: 后端采用异步的方式处理数据,在数据还没处理结束时通过websocket通知考试结束,此时获取到的数据有一定概率是未修改的
解决:当websocket收到结束考试的通知时,先将考试状态修改为已结束,使用延时器延时几秒钟后再发请求。
3、需要将项目打包为桌面应用
解决:使用electron进行打包
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态
评论