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实现问卷/考试设计功能,希望对大家有所帮助
上一篇: Oracle递归树形结构查询功能
下一篇: Redis 实现“附近的人”功能
推荐阅读
-
express+vue+mongodb+session 实现注册登录功能
-
node结合mongodb实现用户注册功能
-
MongoDB 中数据的替换方法实现 --类Replace()函数功能
-
Node+Express+MongoDB实现登录注册功能实例
-
Nodejs实现的操作MongoDB数据库功能完整示例
-
JS基于设计模式中的单例模式(Singleton)实现封装对数据增删改查功能
-
JS实现问卷星自动填问卷脚本并在两秒自动提交功能
-
构建NetCore应用框架之实战篇(五):BitAdminCore框架1.0登录功能设计实现及源码
-
微信小程序验证码功能设计与实现
-
BBS(仿博客园系统)项目01(项目分析、表结构设计、注册功能实现)