知识付费答题功能的题型都是客观题,分为单选题、多选题和判断题。
- 后台添加试题:
题干可以添加图片,图文题干适用于看图答题,使得出题意图更明确,有助于答题者直观感受。
- 目前试题的选项分为图片和文本,一道题的全部选项只能是其中一种类型。新建试题时,默认2个选项。后台动态添加试题选项使用的Layui Form模块。动态添加答题选项的主要代:
如上图所示,使用v-for指令循环options选项数组。options数组保存添加的选项数据。
- 单选题和多选题必须1-10个选项,判断题必须2个选项。
如上图所示,对删除试题选项按钮进行控制,符合必须条件时展示删除按钮。
- 通过标记字段判断试题选项类型:
如上图所示,通过is_img字段判断当前选项是否是图片。
- 试题选项的字母序号通过过滤器格式化展示。
如上图所示,大写字母A的码值是65。以此类推选项在数组中下标加65基准值,就能获取对应字母。
- 前台对错判断
如上图所示,这是判断答题对错的核心代码。根据题型将选中的选项数据类型分为字符串和数组,单选题和判断题是字符串,多选题是数组。单选题和判断题只需要将选中的结果和正确答案比对,就能判断对错。多选题先判断选中的结果个数和正确答案个数是否相等,然后再将两者同一数据类型,在同一数据类型下进行判断,这里使用字符串类型判断。