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,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(),new Document(),Question.class,no); exam.setTitle(title); exam.setDuration(dutation); return exam;
總結
以上所述是小編給大家介紹的MongoDB實現問卷/考試設計功能,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回覆大家的。在此也非常感謝大家對我們網站的支援!
如果你覺得本文對你有幫助,歡迎轉載,煩請註明出處,謝謝!