CRMEB知識付費系統(tǒng)小課堂——答題交互功能

CRMEB知識付費系統(tǒng)是一款方便二開的內(nèi)容付費+微商城系統(tǒng);支持講師入駐,通過直播、視頻、音頻、圖文、題庫等多種內(nèi)容形式,快速實現(xiàn)內(nèi)容變現(xiàn)。
對于很多開發(fā)者在了解我們知識付費系統(tǒng)的時候,經(jīng)常會用到答題交互功能,下面就跟小編一起了解下答題交互功能。
知識付費答題功能的題型都是客觀題,分為單選題、多選題和判斷題。
(一) 后臺添加試題:
題干可以添加圖片,圖文題干適用于看圖答題,使得出題意圖更明確,有助于答題者直觀感受。
1. 目前試題的選項分為圖片和文本,一道題的全部選項只能是其中一種類型。新建試題時,默認(rèn)2個選項。后臺動態(tài)添加試題選項使用的Layui Form模塊。
動態(tài)添加答題選項的主要代:
2.如上圖所示,使用v-for指令循環(huán)options選項數(shù)組。options數(shù)組保存添加的選項數(shù)據(jù)。
3. 單選題和多選題必須1-10個選項,判斷題必須2個選項。
如上圖所示,對刪除試題選項按鈕進(jìn)行控制,符合必須條件時展示刪除按鈕。
4. 通過標(biāo)記字段判斷試題選項類型:
如上圖所示,通過is_img字段判斷當(dāng)前選項是否是圖片。
5.試題選項的字母序號通過過濾器格式化展示。
如上圖所示,大寫字母A的碼值是65。以此類推選項在數(shù)組中下標(biāo)加65基準(zhǔn)值,就能獲取對應(yīng)字母。
(二) 前臺對錯判斷
如上圖所示,這是判斷答題對錯的核心代碼。根據(jù)題型將選中的選項數(shù)據(jù)類型分為字符串和數(shù)組,單選題和判斷題是字符串,多選題是數(shù)組。單選題和判斷題只需要將選中的結(jié)果和正確答案比對,就能判斷對錯。多選題先判斷選中的結(jié)果個數(shù)和正確答案個數(shù)是否相等,然后再將兩者同一數(shù)據(jù)類型,在同一數(shù)據(jù)類型下進(jìn)行判斷,這里使用字符串類型判斷
[免責(zé)聲明]
原文標(biāo)題: CRMEB知識付費系統(tǒng)小課堂——答題交互功能
本文由作者原創(chuàng)發(fā)布于36氪企服點評;未經(jīng)許可,禁止轉(zhuǎn)載。




