文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

MongoDB如何实现问卷或考试设计

2024-04-02 19:55

关注

本篇文章为大家展示了MongoDB如何实现问卷或考试设计,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。

MongoDB的特点

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

MongoDB如何实现问卷或考试设计

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

需求分析

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

MongoDB如何实现问卷或考试设计

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

MongoDB如何实现问卷或考试设计

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

结构设计

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

选项设计

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 {            private String dataId;            private Integer qType;            private String title;            private List<Option> options;            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就是一个问题了。而一张试卷则是由多个问题,再加上试卷的额外属性构成的。

MongoDB如何实现问卷或考试设计

在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如何实现问卷或考试设计

上述内容就是MongoDB如何实现问卷或考试设计,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注亿速云行业资讯频道。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-数据库
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯