该系统主要是给一家民办大学计算机专业开发的一款组卷、出卷、考试等一体化的考试平台，主要还是因为疫情原因，导致学校转为线上教学，针对线上考试而研发的，系统用到了人脸识别和防作弊功能，来有效的管理学生的考试情况。该系统中主要使用的技术栈是：vue3、element-plus、scui框架，后端采用的是django，而人脸识别是采用的腾讯云的一个接口。该系统中我负责的模块试卷模块和学生端模块的编写。首先需要学生通过自己的身份证注册自己的账号。并且需要录入自己的人脸。然后通过手机号和密码进行登录，每次登录时都会重新验证人脸。登录成功后选择自己是那个阶段的，进行匹配对应的试卷。在考试的阶段 左侧是一个学生信息，和一个摄像头，右边这是对应试卷。在考试阶段 会不定时的给学生拍照，上传给后端，当出现学员行为不规范时，会进行三次警告，若超过3次，则结束考试，但有一次重考的机会。若考试阶段上传的图片不是本人，也是结束考试。因为学生是在电脑上做答的。所以为了防止学生作弊。也会检测是否存在“切屏”现象，如果第一次切屏那么会进行提醒，并且会记录什么时候切出去，什么时候切回来的，切屏多长时间，考试的ip等等信息。为了防止学生误操作的情况，我们也是给了三次机会，切屏三次后会结束考试。目前支持的试题有：填空题、选择题、简答题、判断题。选择题和判断题，在提交试卷时会自动生成分数。而填空题和简答题需要有老师进行审批。最后学生可以在考试模块查看自己所有的考试成绩，以及考试情况。防作弊是采用：检测切屏这个行为，当前考试系统是否处于焦点的状态，所谓焦点就是指用户目前正在使用的页面。如果考试系统在某一个时刻不处于焦点的状态，则判定考试执行了切屏操作。调取摄像头的方法：基于H5提供的 `getUserMedia` API 特性，可以不依赖于任何浏览器插件就可以访问视频或者音频等设备。旧版API : `navigator.getUserMedia````javascriptgetUserMedia(constraints, successCallback, errorCallback);```新版API`navigator.mediaDevices.getUserMedia` ```javascriptgetUserMedia(constraints).then(successCallback).catch(errorCallback)```第一个参数表示请求媒体的类型， 主要包含video和audio。另外两个是一个成功的回调和失败的回调。#### 试卷方面可以通过导入试卷的方式，快速出卷。并且也有题库，也支持通过excel、word、模板一键导入试题，还可以在使用系统中自带的编辑器，可视化的添加试题。在导入试题时，可以对试题按科目、章节、知识熟悉等进行无限级分类管理。对于导入题库的试题，可以进行批量的修改删除、导出。组卷时，支持随机组卷，通过选择题的分类、题型，并设置抽题的数量和分数，系统会随机的组合生成不同的试卷。也可以手动从题库中挑选试题，进行组卷。