B2C 标准版 (PHP) 演示 标准版 (PHP)
S2B2C 会员电商系统演示 Pro会员电商系统
S2B2C/O2O 多门店系统演示 多门店系统
B2B2C/O2O 多商户系统 (PHP) 演示 多商户系统 (PHP)
B2B2C/O2O 多商户系统 (Java) 演示 多商户系统 (Java)
B2C 标准版 (Java) 演示 标准版 (Java)
B2B2C 多商户外贸版演示 多商户外贸版
B2C 知识付费系统演示 知识付费系统
陀螺匠
产品 演示网址 账号 密码

CRMEB客服

CRMEB咨询热线 咨询热线

400-8888-794

CRMEB微信扫码咨询

微信扫码咨询

微信扫码咨询

应用市场 应用市场 CRMEB开源商城下载 源码下载 CRMEB帮助文档 帮助文档
返回顶部 返回顶部
CRMEB客服
CRMEB论坛
CRMEB知识付费系统小课堂——答题交互功能
知识付费
技术分享
2022-09-23
17086

CRMEB知识付费系统是一款方便二开的内容付费+微商城系统;支持讲师入驻,通过直播、视频、音频、图文、题库等多种内容形式,快速实现内容变现。

对于很多开发者在了解我们知识付费系统的时候,经常会用到答题交互功能,下面就跟小编一起了解下答题交互功能。

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

(一) 后台添加试题:

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

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

动态添加答题选项的主要代:

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

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

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

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

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

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

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

(二) 前台对错判断

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


微信登录/注册

切换手机号登录

{{ bind_phone ? '绑定手机' : '手机登录'}}

{{codeText}}
切换微信登录/注册
暂不绑定
添加官方客服微信
CRMEB公众号二维码

联系客服 领取源码+接口文档🎁