MongoDB的特點
MongoDB是一個面向文檔存儲的數(shù)據(jù)庫。在MongoDB中，一條記錄叫做document（文檔），由類似于JSON結構的鍵值對組成。
由于類似于MongoDB直接存儲JSON的特性，MongoDB天生適合作為存儲結構復雜的數(shù)據(jù)結構的介質。類似于問卷調(diào)查和考試這種需求，用mysql這種關系型數(shù)據(jù)庫實現(xiàn)起來太過復雜，效率低下；而如果使用MongoDB來實現(xiàn)的話，則會發(fā)現(xiàn)異常清晰簡單。
需求分析
在一張試卷中，會有很多個問題，問題的類型大體上可以分為單選題、多選題、判斷題、簡答題等。每一個問題又會有很多個選項，選項可以是文字描述也可以是圖片又或者圖文結合。
那么一張試卷的JSON格式應該大體上長成這樣：
當然這只是最簡單的數(shù)據(jù)結構，要完成一張試卷，還需要加入更多的屬性。
結構設計
我們采用自底向上的結構設計方式，先對每個選項的數(shù)據(jù)結構進行設計。
選項設計
public class Option {
/**
* 選項類型
*/
private Integer oType = 1;
/**
* 選項內(nèi)容
*/
private String text;
/**
* 選項圖片
*/
private String img;
/**
* 是否正確答案
*/
private Boolean right;
/**
* 用戶是否選擇
*/
private Boolean selected;
...
選項類型 oType 用來標志選項是普通文本還是圖片或者圖文； right 用來標志這個選項是否是正確答案，用于自動判卷； selected 用來標志用戶有沒有選擇這個答案。
問題設計
public class Question extends MongoBean {
/**
* 數(shù)據(jù)的id
*/
private String dataId;
/**
* 題目類型，1判斷題；2單選題；3多選題
*/
private Integer qType;
/**
* 題目標題
*/
private String title;
/**
* 題目選項
*/
private ListOption> options;
/**
* 數(shù)據(jù)類型
* @see rmjk.enums.BizTypeEnum
*/
private Integer dataType;
/**
* 數(shù)據(jù)標題
*/
private String dataTitle;
/**
* 解析
*/
private String analysis;
/**
* 這題是否答對
*/
private Boolean right;
/**
* 這題答的時長
*/
private Long duration;
/**
* 這題的得分
*/
private Long points;
...
dataId 用于將這個問題同一個業(yè)務數(shù)據(jù)綁定， dataType 用來標志這個業(yè)務數(shù)據(jù)的類型，這兩個字段方便數(shù)據(jù)的擴展； dataTitle 是業(yè)務數(shù)據(jù)的標題； 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());
}
MongoCollectionDocument> 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) {
MongoCollectionDocument> collection = getCollection(dataBase, collect);
UpdateResult ur = collection.updateOne(filter, update);
return ur.getModifiedCount() > 0;
}
這樣后端的工作就全部完成了，接下來就是前端怎么給后端提供這樣的數(shù)據(jù)結構了。
前端實現(xiàn)數(shù)據(jù)結構
前端使用 vue 實現(xiàn)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();
ListQuestion> questions = reader.findRandom(manager.getExamDataBase(), ExamConstant.QUESTION_COLLECT, new Document(), Question.class, no);
exam.setTitle(title);
exam.setDuration(dutation);
return exam;
總結
以上所述是小編給大家介紹的MongoDB實現(xiàn)問卷/考試設計功能，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉載，煩請注明出處，謝謝！
您可能感興趣的文章:- MySQL和MongoDB設計實例對比分析
- MongoDB進階之動態(tài)字段設計詳解
- MongoDB 數(shù)據(jù)庫的命名、設計規(guī)范詳解
- windows7下使用MongoDB實現(xiàn)倉儲設計
- MongoDB設計方法以及技巧示例詳解
