MongoDB的特點(diǎn)
MongoDB是一個(gè)面向文檔存儲(chǔ)的數(shù)據(jù)庫(kù)。在MongoDB中，一條記錄叫做document（文檔），由類似于JSON結(jié)構(gòu)的鍵值對(duì)組成。
由于類似于MongoDB直接存儲(chǔ)JSON的特性，MongoDB天生適合作為存儲(chǔ)結(jié)構(gòu)復(fù)雜的數(shù)據(jù)結(jié)構(gòu)的介質(zhì)。類似于問卷調(diào)查和考試這種需求，用mysql這種關(guān)系型數(shù)據(jù)庫(kù)實(shí)現(xiàn)起來(lái)太過復(fù)雜，效率低下；而如果使用MongoDB來(lái)實(shí)現(xiàn)的話，則會(huì)發(fā)現(xiàn)異常清晰簡(jiǎn)單。
需求分析
在一張?jiān)嚲碇校瑫?huì)有很多個(gè)問題，問題的類型大體上可以分為單選題、多選題、判斷題、簡(jiǎn)答題等。每一個(gè)問題又會(huì)有很多個(gè)選項(xiàng)，選項(xiàng)可以是文字描述也可以是圖片又或者圖文結(jié)合。
那么一張?jiān)嚲淼腏SON格式應(yīng)該大體上長(zhǎng)成這樣：
當(dāng)然這只是最簡(jiǎn)單的數(shù)據(jù)結(jié)構(gòu)，要完成一張?jiān)嚲恚€需要加入更多的屬性。
結(jié)構(gòu)設(shè)計(jì)
我們采用自底向上的結(jié)構(gòu)設(shè)計(jì)方式，先對(duì)每個(gè)選項(xiàng)的數(shù)據(jù)結(jié)構(gòu)進(jìn)行設(shè)計(jì)。
選項(xiàng)設(shè)計(jì)
public class Option { /** * 選項(xiàng)類型 */ private Integer oType = 1; /** * 選項(xiàng)內(nèi)容 */ private String text; /** * 選項(xiàng)圖片 */ private String img; /** * 是否正確答案 */ private Boolean right; /** * 用戶是否選擇 */ private Boolean selected; ...選項(xiàng)類型 oType 用來(lái)標(biāo)志選項(xiàng)是普通文本還是圖片或者圖文； right 用來(lái)標(biāo)志這個(gè)選項(xiàng)是否是正確答案，用于自動(dòng)判卷； selected 用來(lái)標(biāo)志用戶有沒有選擇這個(gè)答案。
問題設(shè)計(jì)
public class Question extends MongoBean { /** * 數(shù)據(jù)的id */ private String dataId; /** * 題目類型，1判斷題；2單選題；3多選題 */ private Integer qType; /** * 題目標(biāo)題 */ private String title; /** * 題目選項(xiàng) */ private List<Option> options; /** * 數(shù)據(jù)類型 * @see rmjk.enums.BizTypeEnum */ private Integer dataType; /** * 數(shù)據(jù)標(biāo)題 */ private String dataTitle; /** * 解析 */ private String analysis; /** * 這題是否答對(duì) */ private Boolean right; /** * 這題答的時(shí)長(zhǎng) */ private Long duration; /** * 這題的得分 */ private Long points; ...dataId 用于將這個(gè)問題同一個(gè)業(yè)務(wù)數(shù)據(jù)綁定， dataType 用來(lái)標(biāo)志這個(gè)業(yè)務(wù)數(shù)據(jù)的類型，這兩個(gè)字段方便數(shù)據(jù)的擴(kuò)展； dataTitle 是業(yè)務(wù)數(shù)據(jù)的標(biāo)題； options 是這個(gè)問題的選項(xiàng)； analysis 問題的解析，用于用戶答題結(jié)束后的自查； right 用來(lái)記錄問題的正確與否。
新增問題
上層接口
提供新增問題的接口：
@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;}這樣后端的工作就全部完成了，接下來(lái)就是前端怎么給后端提供這樣的數(shù)據(jù)結(jié)構(gòu)了。
前端實(shí)現(xiàn)數(shù)據(jù)結(jié)構(gòu)
前端使用 vue 實(shí)現(xiàn)JSON的構(gòu)造：
<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="選項(xiàng)："> <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 就是一個(gè)問題了。而一張?jiān)嚲韯t是由多個(gè)問題，再加上試卷的額外屬性構(gòu)成的。
在 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;
總結(jié)
以上所述是小編給大家介紹的MongoDB實(shí)現(xiàn)問卷/考試設(shè)計(jì)功能，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)武林網(wǎng)網(wǎng)站的支持！
如果你覺得本文對(duì)你有幫助，歡迎轉(zhuǎn)載，煩請(qǐng)注明出處，謝謝！
新聞熱點(diǎn)
疑難解答
圖片精選
