学堂 学堂 学堂公众号手机端

有关使用MongoDB怎么实现问卷/考试设计功能

lewis 1年前 (2024-03-11) 阅读数 4 #技术

本篇文章给大家分享的是有关使用MongoDB怎么实现问卷/考试设计功能,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

MongoDB的特点

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


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

需求分析

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

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

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

结构设计

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

选项设计

publicclassOption{
/**
*选项类型
*/
privateIntegeroType=1;

/**
*选项内容
*/
privateStringtext;

/**
*选项图片
*/
privateStringimg;

/**
*是否正确答案
*/
privateBooleanright;

/**
*用户是否选择
*/
privateBooleanselected;
...

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

问题设计

publicclassQuestionextendsMongoBean{
/**
*数据的id
*/
privateStringdataId;
/**
*题目类型,1判断题;2单选题;3多选题
*/
privateIntegerqType;
/**
*题目标题
*/
privateStringtitle;
/**
*题目选项
*/
privateList<Option>options;
/**
*数据类型
*@seermjk.enums.BizTypeEnum
*/
privateIntegerdataType;
/**
*数据标题
*/
privateStringdataTitle;
/**
*解析
*/
privateStringanalysis;
/**
*这题是否答对
*/
privateBooleanright;
/**
*这题答的时长
*/
privateLongduration;
/**
*这题的得分
*/
privateLongpoints;
...

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

新增问题

上层接口

提供新增问题的接口:

@PostMapping("/saveOrUpdateQuestion")
publicJsonDatasaveOrUpdateQuestion(@RequestBodyQuestiondata){
questionService.saveOrUpdateQuestion(data);
returnJsonData.success();
}

QuestionService:

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

DAO

Writer:

publicvoidinsert(StringdataBase,Stringcollect,MongoBeandata){
if(data.getId()==null){
data.setId(BsonTool.uuid());
}
MongoCollection<Document>collection=getCollection(dataBase,collect);
collection.insertOne(Document.parse(JSONObject.toJSONString(data)));
}

publicDocumentupdateDocument(MongoBeandata,StringquestionCollect){
Documentfilter=newDocument();
filter.put("id",data.getId());
Documentres=newDocument();
res.put("$set",BsonDocument.parse(JSONObject.toJSONString(data)));
update(manager.getExamDataBase(),questionCollect,filter,res);
returnres;
}
publicbooleanupdate(StringdataBase,Stringcollect,Bsonfilter,Bsonupdate){
MongoCollection<Document>collection=getCollection(dataBase,collect);
UpdateResultur=collection.updateOne(filter,update);
returnur.getModifiedCount()>0;
}

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

前端实现数据结构

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

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

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

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

Examexam=newExam();
List<Question>questions=reader.findRandom(manager.getExamDataBase(),ExamConstant.QUESTION_COLLECT,newDocument(),Question.class,no);
exam.setTitle(title);
exam.setDuration(dutation);
returnexam;

以上就是使用MongoDB怎么实现问卷/考试设计功能,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注博信行业资讯频道。

版权声明

本文仅代表作者观点,不代表博信信息网立场。

热门