一个可以根据题目得分显示不同题目的答题demo

前段时间有幸参与到一个全国性的某心理健康测评平台的开发工作,其答题部分的前端开发工作由我完成,现将该平台前端的主要交互逻辑重新实现做成demo,有需要的小伙伴或客户可以联系我获取了,有类似开发需求的老板和可以联系我哟。其中主要实现的交互有:

1、在excel录入题目信息,后台写脚本将excel数据转化为前端页面需要的试题数据,前端通过接口拿到所有的试题数据。(后台操作,demo中数据写成了静态数据);

2、试题可分为:指导语、单选题、多选题、填空题、排序题等,根据不同题目类型展示不同的页面样式;

3、根据不同题目的得分、选项等情况计算出后续展示哪些题目,当改变前面的题目时,也能隐藏掉后续不应该出现的题目,这样的逻辑有几种情况:一种是选择不同的选项出现不同的题目,这是针对一题而言。第二种是连续计算连续的几道题的总得分,根据不同得分展示不同的题目。如果已经做到后面的题目,此时修改前面的题目时,后面不应该出现的题目会隐藏,如果你是做了第二题显示第五题,做了第五题,显示第七题和第八题,那么这是如果你修改了第二题的答案,则第五题、第七题、第八题都会隐藏,转而显示第二题现在的答案对应需要展示的题目,这里可以无限嵌套;

4、校验:针对填空题,将其中试题中的配置项转换为页面上可以识别的各种校验规则,其中包含数字文字类型校验、数字范围、小数点位数、文字长度以及非空校验,填空题可以是一个空,也可以是多个空,每一个空可以有不同的校验规则;

5、单选题或多选题的指定选项支持选中后再进行文字描述补充,比如选择“其他”,则可以在出现的输入框中进行文字补充,同时这些地方的输入框也支持校验配置

6、多选题支持设置最多选择以及最少选择几个选项,也可以设置指定选项互斥,即选择了这个选项就自动取消另外一个或多个选项;

7、支持加粗显示指定的题目或选项中的指定文字

8、将所有试题的答案整合传给后端

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值