MongoDB实现问卷/考试设计

songxiugongwang 2019-10-31

MongoDB的特点

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

MongoDB实现问卷/考试设计

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

需求分析

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

MongoDB实现问卷/考试设计

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

MongoDB实现问卷/考试设计

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

结构设计

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

选项设计

  1. public class Option {  
  2.     /**  
  3.      * 选项类型  
  4.      */  
  5.     private Integer oType = 1 
  6.     /**  
  7.      * 选项内容  
  8.      */  
  9.     private String text;    
  10.     /**  
  11.      * 选项图片  
  12.      */  
  13.     private String img;  
  14.     /**  
  15.      * 是否正确答案  
  16.      */  
  17.     private Boolean right;  
  18.     /**  
  19.      * 用户是否选择  
  20.      */  
  21.     private Boolean selected;  
  22.     ... 

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

问题设计

  1. public class Question extends MongoBean {  
  2.     /**  
  3.      * 数据的id  
  4.      */  
  5.     private String dataId;  
  6.     /**  
  7.      * 题目类型,1判断题;2单选题;3多选题  
  8.      */  
  9.     private Integer qType;  
  10.     /**  
  11.      * 题目标题  
  12.      */  
  13.     private String title;  
  14.     /**  
  15.      * 题目选项  
  16.      */  
  17.     private List<Option> options;  
  18.     /**  
  19.      * 数据类型  
  20.      * @see rmjk.enums.BizTypeEnum  
  21.      */  
  22.     private Integer dataType;  
  23.     /**  
  24.      * 数据标题  
  25.      */  
  26.     private String dataTitle;  
  27.     /**  
  28.      * 解析  
  29.      */  
  30.     private String analysis;  
  31.     /**  
  32.      * 这题是否答对  
  33.      */  
  34.     private Boolean right;  
  35.     /**  
  36.      * 这题答的时长  
  37.      */  
  38.     private Long duration;  
  39.     /**  
  40.      * 这题的得分  
  41.      */  
  42.     private Long points;  
  43.     ... 

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

新增问题

上层接口

提供新增问题的接口:

  1. @PostMapping("/saveOrUpdateQuestion")  
  2. public JsonData saveOrUpdateQuestion(@RequestBody Question data) {  
  3.     questionService.saveOrUpdateQuestion(data);  
  4.     return JsonData.success();  

QuestionService:

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

DAO

Writer:

  1. public void insert(String dataBase, String collect, MongoBean data) {  
  2.     if (data.getId() == null) {  
  3.         data.setId(BsonTool.uuid());  
  4.     }  
  5.     MongoCollection<Document> collection = getCollection(dataBase, collect);  
  6.     collection.insertOne(Document.parse(JSONObject.toJSONString(data))); 
  7.  
  8. public Document updateDocument(MongoBean data, String questionCollect) {  
  9.     Document filter = new Document();  
  10.     filter.put("id", data.getId());  
  11.     Document res = new Document();  
  12.     res.put("$set", BsonDocument.parse(JSONObject.toJSONString(data)));  
  13.     update(manager.getExamDataBase(), questionCollect, filter, res);  
  14.     return res;  
  15.  
  16. public boolean update(String dataBase, String collect, Bson filter, Bson update) {  
  17.     MongoCollection<Document> collection = getCollection(dataBase, collect);  
  18.     UpdateResult ur = collection.updateOne(filter, update);  
  19.     return ur.getModifiedCount() > 0;  

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

前端实现数据结构

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

  1. <Modal title="问题编辑" v-model="showEdit" :closable="false" :mask-closable="false">  
  2.     <Form ref="question" :model="question" :rules="ruleValidate">  
  3.         <FormItem label="题目类型:" prop="qType">  
  4.             <Select v-model="question.qType" class="input-180" placeholder="题目类型" @on-change="changeQType(question)">  
  5.                 <Option v-for="d in qTypes" :value="d.value" :key="d.value">{{ d.label }}</Option>  
  6.             </Select>  
  7.         </FormItem>  
  8.         <FormItem label="题目:" prop="title">  
  9.             <Input  
  10.                    class="input-95-per"  
  11.                    v-model="question.title"  
  12.                    type="textarea"  
  13.                    row="1"  
  14.                    placeholder="题目"  
  15.                    ></Input>  
  16.         </FormItem>  
  17.         <FormItem label="选项:">  
  18.             <div v-for="(o, i2) in question.options" :key="i2" style="display:flex">  
  19.                 <Input class="input-95-per margin-bot-8 margin-right-10" v-model="o.text">  
  20.                     <span slot="prepend">{{i2+1}}:</span>  
  21.                 </Input>  
  22.                 <Button size="small" @click="addOpt(question)" v-if="i2===0">+</Button>  
  23.                 <Button size="small" @click="delOpt(question, o)" v-if="i2">-</Button>  
  24.                 <Checkbox v-model="o.right">正确答案</Checkbox>  
  25.             </div>  
  26.         </FormItem>  
  27.         <FormItem label="答案解析:">  
  28.             <Input  
  29.                    class="input-95-per"  
  30.                    v-model="question.analysis"  
  31.                    type="textarea"  
  32.                    row="1"  
  33.                    placeholder="答案解析"  
  34.                    ></Input>  
  35.         </FormItem>  
  36.     </Form>  
  37.     <div slot="footer">  
  38.         <Button type="text" @click="cancelQuestion">取消</Button>  
  39.         <Button type="primary" :loading="saveLoading" @click="saveQuestion">保存</Button>  
  40.     </div>  
  41. </Modal> 

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

MongoDB实现问卷/考试设计

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

相关推荐