该系统主要是给一家民办大学计算机专业开发的一款组卷、出卷、考试等一体化的考试平台，主要还是因为疫情原因，导致学校转为线上教学，针对线上考试而研发的，系统用到了人脸识别和防作弊功能，来有效的管理学生的考试情况。

该系统中主要使用的技术栈是：vue3、element-plus、scui框架，后端采用的是django，而人脸识别是采用的腾讯云的一个接口。

该系统中我负责的模块试卷模块和学生端模块的编写。

首先需要学生通过自己的身份证注册自己的账号。并且需要录入自己的人脸。

然后通过手机号和密码进行登录，每次登录时都会重新验证人脸。

登录成功后选择自己是那个阶段的，进行匹配对应的试卷。

在考试的阶段 左侧是一个学生信息，和一个摄像头，右边这是对应试卷。

在考试阶段 会不定时的给学生拍照，上传给后端，当出现学员行为不规范时，会进行三次警告，若超过3次，则结束考试，但有一次重考的机会。

若考试阶段上传的图片不是本人，也是结束考试。

因为学生是在电脑上做答的。所以为了防止学生作弊。也会检测是否存在“切屏”现象，如果第一次切屏那么会进行提醒，并且会记录什么时候切出去，什么时候切回来的，切屏多长时间，考试的ip等等信息。

为了防止学生误操作的情况，我们也是给了三次机会，切屏三次后会结束考试。

目前支持的试题有：填空题、选择题、简答题、判断题。

选择题和判断题，在提交试卷时会自动生成分数。而填空题和简答题需要有老师进行审批。

最后学生可以在考试模块查看自己所有的考试成绩，以及考试情况。

防作弊是采用：检测切屏这个行为，当前考试系统是否处于焦点的状态，所谓焦点就是指用户目前正在使用的页面。

如果考试系统在某一个时刻不处于焦点的状态，则判定考试执行了切屏操作。

调取摄像头的方法：

基于H5提供的 `getUserMedia` API 特性，可以不依赖于任何浏览器插件就可以访问视频或者音频等设备。

旧版API : `navigator.getUserMedia`

```javascript
getUserMedia(constraints, successCallback, errorCallback);
```

新版API`navigator.mediaDevices.getUserMedia`

```javascript
getUserMedia(constraints).then(successCallback).catch(errorCallback)
```

第一个参数表示请求媒体的类型， 主要包含video和audio。

另外两个是一个成功的回调和失败的回调。

#### 试卷方面

可以通过导入试卷的方式，快速出卷。并且也有题库，也支持通过excel、word、模板一键导入试题，还可以在使用系统中自带的编辑器，可视化的添加试题。

在导入试题时，可以对试题按科目、章节、知识熟悉等进行无限级分类管理。

对于导入题库的试题，可以进行批量的修改删除、导出。

组卷时，支持随机组卷，通过选择题的分类、题型，并设置抽题的数量和分数，系统会随机的组合生成不同的试卷。

也可以手动从题库中挑选试题，进行组卷。