主页 > 知识库 > MongoDB实现问卷/考试设计功能

MongoDB实现问卷/考试设计功能

热门标签:外呼线路资源属于电信业务吗 crm外呼系统联系方式 呼和浩特外呼系统原理是什么 智能外呼系统官网 青白江400企业电话申请 河南电话外呼系统招商 内蒙古营销智能外呼系统哪个好 小裙科技电销机器人怎样 长沙电销外呼防封卡是什么

MongoDB的特点

MongoDB是一个面向文档存储的数据库。在MongoDB中,一条记录叫做document(文档),由类似于JSON结构的键值对组成。 

由于类似于MongoDB直接存储JSON的特性,MongoDB天生适合作为存储结构复杂的数据结构的介质。类似于问卷调查和考试这种需求,用mysql这种关系型数据库实现起来太过复杂,效率低下;而如果使用MongoDB来实现的话,则会发现异常清晰简单。

需求分析

在一张试卷中,会有很多个问题,问题的类型大体上可以分为单选题、多选题、判断题、简答题等。每一个问题又会有很多个选项,选项可以是文字描述也可以是图片又或者图文结合。

那么一张试卷的JSON格式应该大体上长成这样:

当然这只是最简单的数据结构,要完成一张试卷,还需要加入更多的属性。

结构设计

我们采用自底向上的结构设计方式,先对每个选项的数据结构进行设计。

选项设计

public class Option {
 /**
  * 选项类型
  */
 private Integer oType = 1;

 /**
  * 选项内容
  */
 private String text;
 
 /**
  * 选项图片
  */
 private String img;

 /**
  * 是否正确答案
  */
 private Boolean right;

 /**
  * 用户是否选择
  */
 private Boolean selected;
 ...

选项类型 oType 用来标志选项是普通文本还是图片或者图文; right 用来标志这个选项是否是正确答案,用于自动判卷; selected 用来标志用户有没有选择这个答案。

问题设计

public class Question extends MongoBean {
 /**
  * 数据的id
  */
 private String dataId;
 /**
  * 题目类型,1判断题;2单选题;3多选题
  */
 private Integer qType;
 /**
  * 题目标题
  */
 private String title;
 /**
  * 题目选项
  */
 private ListOption> options;
 /**
  * 数据类型
  * @see rmjk.enums.BizTypeEnum
  */
 private Integer dataType;
 /**
  * 数据标题
  */
 private String dataTitle;
 /**
  * 解析
  */
 private String analysis;
 /**
  * 这题是否答对
  */
 private Boolean right;
 /**
  * 这题答的时长
  */
 private Long duration;
 /**
  * 这题的得分
  */
 private Long points;
 ...

dataId 用于将这个问题同一个业务数据绑定, dataType 用来标志这个业务数据的类型,这两个字段方便数据的扩展; dataTitle 是业务数据的标题; options 是这个问题的选项; analysis 问题的解析,用于用户答题结束后的自查; right 用来记录问题的正确与否。

新增问题

上层接口

提供新增问题的接口:

@PostMapping("/saveOrUpdateQuestion")
public JsonData saveOrUpdateQuestion(@RequestBody Question data) {
 questionService.saveOrUpdateQuestion(data);
 return JsonData.success();
}

QuestionService:

public void saveOrUpdateQuestion(Question data) {
 if (StringUtils.isEmpty(data.getId())) {// 新增
  writer.insert(manager.getExamDataBase(), ExamConstant.QUESTION_COLLECT, data);
 } else {//修改
  writer.updateDocument(data, ExamConstant.QUESTION_COLLECT);
 }
}

DAO

Writer:

public void insert(String dataBase, String collect, MongoBean data) {
 if (data.getId() == null) {
  data.setId(BsonTool.uuid());
 }
 MongoCollectionDocument> collection = getCollection(dataBase, collect);
 collection.insertOne(Document.parse(JSONObject.toJSONString(data)));
}

public Document updateDocument(MongoBean data, String questionCollect) {
 Document filter = new Document();
 filter.put("id", data.getId());
 Document res = new Document();
 res.put("$set", BsonDocument.parse(JSONObject.toJSONString(data)));
 update(manager.getExamDataBase(), questionCollect, filter, res);
 return res;
}
public boolean update(String dataBase, String collect, Bson filter, Bson update) {
 MongoCollectionDocument> collection = getCollection(dataBase, collect);
 UpdateResult ur = collection.updateOne(filter, update);
 return ur.getModifiedCount() > 0;
}

这样后端的工作就全部完成了,接下来就是前端怎么给后端提供这样的数据结构了。

前端实现数据结构

前端使用 vue 实现JSON的构造:

Modal title="问题编辑" v-model="showEdit" :closable="false" :mask-closable="false">
 Form ref="question" :model="question" :rules="ruleValidate">
  FormItem label="题目类型:" prop="qType">
   Select v-model="question.qType" class="input-180" placeholder="题目类型" @on-change="changeQType(question)">
    Option v-for="d in qTypes" :value="d.value" :key="d.value">{{ d.label }}/Option>
   /Select>
  /FormItem>
  FormItem label="题目:" prop="title">
   Input
     class="input-95-per"
     v-model="question.title"
     type="textarea"
     row="1"
     placeholder="题目"
     >/Input>
  /FormItem>
  FormItem label="选项:">
   div v-for="(o, i2) in question.options" :key="i2" style="display:flex">
    Input class="input-95-per margin-bot-8 margin-right-10" v-model="o.text">
     span slot="prepend">{{i2+1}}:/span>
    /Input>
    Button size="small" @click="addOpt(question)" v-if="i2===0">+/Button>
    Button size="small" @click="delOpt(question, o)" v-if="i2">-/Button>
    Checkbox v-model="o.right">正确答案/Checkbox>
   /div>
  /FormItem>
  FormItem label="答案解析:">
   Input
     class="input-95-per"
     v-model="question.analysis"
     type="textarea"
     row="1"
     placeholder="答案解析"
     >/Input>
  /FormItem>
 /Form>
 div slot="footer">
  Button type="text" @click="cancelQuestion">取消/Button>
  Button type="primary" :loading="saveLoading" @click="saveQuestion">保存/Button>
 /div>
/Modal>

这里绑定的 question 就是一个问题了。而一张试卷则是由多个问题,再加上试卷的额外属性构成的。

在 question 上的dataId刚好就能绑定上试卷的id

Exam exam = new Exam();
ListQuestion> questions = reader.findRandom(manager.getExamDataBase(), ExamConstant.QUESTION_COLLECT, new Document(), Question.class, no);
exam.setTitle(title);
exam.setDuration(dutation);
return exam;

总结

以上所述是小编给大家介绍的MongoDB实现问卷/考试设计功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

您可能感兴趣的文章:
  • MySQL和MongoDB设计实例对比分析
  • MongoDB进阶之动态字段设计详解
  • MongoDB 数据库的命名、设计规范详解
  • windows7下使用MongoDB实现仓储设计
  • MongoDB设计方法以及技巧示例详解

标签:呼伦贝尔 安顺 楚雄 白山 菏泽 舟山 池州 黄石

巨人网络通讯声明:本文标题《MongoDB实现问卷/考试设计功能》,本文关键词  MongoDB,实现,问卷,考试,设计,;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《MongoDB实现问卷/考试设计功能》相关的同类信息!
  • 本页收集关于MongoDB实现问卷/考试设计功能的相关信息资讯供网民参考!
  • 推荐文章