知识付费答题交互功能

知识付费答题功能的题型都是客观题,分为单选题、多选题和判断题。

  • 后台添加试题:

题干可以添加图片,图文题干适用于看图答题,使得出题意图更明确,有助于答题者直观感受。

  1. 目前试题的选项分为图片和文本,一道题的全部选项只能是其中一种类型。新建试题时,默认2个选项。后台动态添加试题选项使用的Layui Form模块。动态添加答题选项的主要代:

 如上图所示,使用v-for指令循环options选项数组。options数组保存添加的选项数据。

  1. 单选题和多选题必须1-10个选项,判断题必须2个选项。

 如上图所示,对删除试题选项按钮进行控制,符合必须条件时展示删除按钮。

  1. 通过标记字段判断试题选项类型:

 如上图所示,通过is_img字段判断当前选项是否是图片。

  1. 试题选项的字母序号通过过滤器格式化展示。

        

 如上图所示,大写字母A的码值是65。以此类推选项在数组中下标加65基准值,就能获取对应字母。

  • 前台对错判断

        

 如上图所示,这是判断答题对错的核心代码。根据题型将选中的选项数据类型分为字符串和数组,单选题和判断题是字符串,多选题是数组。单选题和判断题只需要将选中的结果和正确答案比对,就能判断对错。多选题先判断选中的结果个数和正确答案个数是否相等,然后再将两者同一数据类型,在同一数据类型下进行判断,这里使用字符串类型判断。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

开源商城源码

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值