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

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 list<option> 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());
 }
 mongocollection<document> 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) {
 mongocollection<document> 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();
list<question> questions = reader.findrandom(manager.getexamdatabase(), examconstant.question_collect, new document(), question.class, no);
exam.settitle(title);
exam.setduration(dutation);
return exam;

总结

以上所述是小编给大家介绍的mongodb实现问卷/考试设计功能，希望对大家有所帮助