MongoDB的特點(diǎn)

MongoDB是一個(gè)面向文檔存儲(chǔ)的數(shù)據(jù)庫。在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ù)庫實(shí)現(xiàn)起來太過復(fù)雜，效率低下；而如果使用MongoDB來實(shí)現(xiàn)的話，則會(huì)發(fā)現(xiàn)異常清晰簡單。

需求分析

在一張?jiān)嚲碇?，?huì)有很多個(gè)問題，問題的類型大體上可以分為單選題、多選題、判斷題、簡答題等。每一個(gè)問題又會(huì)有很多個(gè)選項(xiàng)，選項(xiàng)可以是文字描述也可以是圖片又或者圖文結(jié)合。

那么一張?jiān)嚲淼腏SON格式應(yīng)該大體上長成這樣：

當(dāng)然這只是最簡單的數(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用來標(biāo)志選項(xiàng)是普通文本還是圖片或者圖文；right用來標(biāo)志這個(gè)選項(xiàng)是否是正確答案，用于自動(dòng)判卷；selected用來標(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í)長  
     */  
    private Long duration;  
    /**  
     * 這題的得分  
     */  
    private Long points;  
    ... 

dataId用于將這個(gè)問題同一個(gè)業(yè)務(wù)數(shù)據(jù)綁定，dataType用來標(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用來記錄問題的正確與否。

新增問題

上層接口

提供新增問題的接口：

@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;  
} 

這樣后端的工作就全部完成了，接下來就是前端怎么給后端提供這樣的數(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;