校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

主頁 > 知識庫 > MongoDB實現問卷/考試設計功能

MongoDB實現問卷/考試設計功能

熱門標簽:外呼線路資源屬于電信業務嗎 crm外呼系統聯系方式 呼和浩特外呼系統原理是什么 智能外呼系統官網 青白江400企業電話申請 河南電話外呼系統招商 內蒙古營銷智能外呼系統哪個好 小裙科技電銷機器人怎樣 長沙電銷外呼防封卡是什么

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 ListOption> 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());
 }
 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;
}

這樣后端的工作就全部完成了,接下來就是前端怎么給后端提供這樣的數據結構了。

前端實現數據結構

前端使用 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();
ListQuestion> questions = reader.findRandom(manager.getExamDataBase(), ExamConstant.QUESTION_COLLECT, new Document(), Question.class, no);
exam.setTitle(title);
exam.setDuration(dutation);
return exam;

總結

以上所述是小編給大家介紹的MongoDB實現問卷/考試設計功能,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!
如果你覺得本文對你有幫助,歡迎轉載,煩請注明出處,謝謝!

您可能感興趣的文章:
  • MySQL和MongoDB設計實例對比分析
  • MongoDB進階之動態字段設計詳解
  • MongoDB 數據庫的命名、設計規范詳解
  • windows7下使用MongoDB實現倉儲設計
  • MongoDB設計方法以及技巧示例詳解

標簽:呼倫貝爾 安順 楚雄 白山 菏澤 舟山 池州 黃石

巨人網絡通訊聲明:本文標題《MongoDB實現問卷/考試設計功能》,本文關鍵詞  MongoDB,實現,問卷,考試,設計,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《MongoDB實現問卷/考試設計功能》相關的同類信息!
  • 本頁收集關于MongoDB實現問卷/考試設計功能的相關信息資訊供網民參考!
  • 推薦文章
    校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃
    4438x成人网最大色成网站| 另类人妖一区二区av| 亚洲超碰精品一区二区| 国产宾馆实践打屁股91| 91精品国产一区二区三区| 国产精品美女久久久久久久久| 亚洲国产美国国产综合一区二区| 国产91富婆露脸刺激对白| 欧美人成免费网站| 一区二区三区 在线观看视频| 国产精品一区二区视频| 日韩午夜精品电影| 午夜欧美电影在线观看| 91在线视频播放地址| 久久精品水蜜桃av综合天堂| 青草av.久久免费一区| 欧美一a一片一级一片| 亚洲欧洲av色图| jiyouzz国产精品久久| 久久久精品免费免费| 精品亚洲国内自在自线福利| 欧美一区二区三区视频免费| 亚洲国产一区二区视频| 91久久精品一区二区三| 亚洲精品写真福利| 99国产麻豆精品| 亚洲欧美一区二区三区久本道91| 懂色av中文字幕一区二区三区 | 国内久久婷婷综合| 欧美一激情一区二区三区| 日日摸夜夜添夜夜添精品视频| 在线亚洲一区二区| 亚洲高清免费在线| 欧美日韩免费观看一区二区三区| 久久欧美中文字幕| 日韩一区有码在线| 夜夜嗨av一区二区三区中文字幕| 精品乱码亚洲一区二区不卡| 欧美日韩高清一区| 有坂深雪av一区二区精品| 91在线一区二区| 中文字幕一区二区三区乱码在线| 精品午夜久久福利影院| 欧美电影免费观看高清完整版在| 日本成人中文字幕| 在线观看日韩一区| 日韩电影在线看| 国产精品毛片大码女人| 久久日一线二线三线suv| 欧美国产精品一区二区三区| 亚洲一区二区在线观看视频| 亚洲同性gay激情无套| 亚洲精品自拍动漫在线| 五月天国产精品| 国产综合久久久久久久久久久久| 精品中文字幕一区二区小辣椒| 亚洲人成在线观看一区二区| 国产三级久久久| 亚洲另类春色国产| 亚洲专区一二三| 欧美不卡一区二区三区| 粉嫩蜜臀av国产精品网站| 一区二区在线电影| 欧美一区二区三区爱爱| 国产v综合v亚洲欧| 亚洲一二三区在线观看| 久久综合色8888| 91福利在线观看| 韩国精品久久久| 亚洲伊人色欲综合网| 精品国产亚洲在线| 一本色道久久综合亚洲91| 免费高清在线视频一区·| 国产精品电影一区二区三区| 56国语精品自产拍在线观看| 成人综合在线观看| 偷拍自拍另类欧美| 国产精品网站在线| 欧美白人最猛性xxxxx69交| 成人av动漫网站| 日韩av网站免费在线| 日韩理论电影院| 久久天天做天天爱综合色| 欧美午夜一区二区三区| 成人av小说网| 国产一区二区三区四| 亚洲成av人片在www色猫咪| 中文字幕制服丝袜一区二区三区| 欧美日韩亚洲国产综合| 99精品久久99久久久久| 国产九色sp调教91| 蜜乳av一区二区三区| 午夜精品久久久久影视| 伊人开心综合网| 亚洲视频香蕉人妖| 欧美经典一区二区三区| 91女厕偷拍女厕偷拍高清| 一区二区三区自拍| 成人一区二区三区在线观看| 蜜桃视频一区二区三区| 亚洲国产一二三| 国产精品久久久久一区二区三区| 精品久久久久一区二区国产| 91成人看片片| 91美女视频网站| 国产不卡一区视频| 麻豆中文一区二区| 秋霞国产午夜精品免费视频| 亚洲成人免费视| 亚洲精品视频在线观看网站| 国产精品国产三级国产a| av成人动漫在线观看| 国产精品一级黄| 亚洲高清视频中文字幕| 国产成人h网站| 天天做天天摸天天爽国产一区| 777欧美精品| 色综合久久中文综合久久牛| 国内成人精品2018免费看| 亚洲视频狠狠干| 久久夜色精品国产噜噜av| 欧美精品色一区二区三区| 亚洲男人的天堂在线aⅴ视频| 国产91精品欧美| 久久一区二区视频| 久久久久久久综合| 欧美激情一区二区在线| 国产精品视频一二| 亚洲精品国产一区二区精华液 | 成人激情动漫在线观看| 中文字幕一区不卡| 艳妇臀荡乳欲伦亚洲一区| 国产精品久久久久aaaa樱花| 亚洲欧洲一区二区三区| 亚洲一区二区三区四区在线免费观看| 国产精品美女久久久久aⅴ | 91高清视频在线| 3atv一区二区三区| 久久蜜桃av一区二区天堂| 国产精品妹子av| 成人欧美一区二区三区| 亚洲精品免费播放| 精品中文字幕一区二区小辣椒| 国产成人精品一区二区三区四区| 色婷婷亚洲综合| 日韩欧美国产精品| 中文字幕五月欧美| 亚洲第一成年网| 国产一区免费电影| 日本高清不卡一区| 久久男人中文字幕资源站| 一区二区三区在线视频免费观看| 午夜婷婷国产麻豆精品| 国产精品亚洲人在线观看| 一本色道久久综合亚洲91| 日韩三级.com| 亚洲日本青草视频在线怡红院| 天天综合日日夜夜精品| 国产成人精品免费| 欧美精品黑人性xxxx| 国产欧美日本一区二区三区| 午夜欧美电影在线观看| 成人激情电影免费在线观看| 91精品国产麻豆| 亚洲美女电影在线| 懂色av噜噜一区二区三区av| 在线综合+亚洲+欧美中文字幕| 国产精品美女一区二区| 精品一二三四区| 欧美日韩大陆一区二区| **性色生活片久久毛片| 黄色资源网久久资源365| 欧美日韩亚洲综合一区二区三区 | 欧美绝品在线观看成人午夜影视| 久久久精品国产99久久精品芒果| 亚洲国产中文字幕在线视频综合| 国产很黄免费观看久久| 日韩视频在线你懂得| 综合网在线视频| 国产精品一区专区| 日韩美女主播在线视频一区二区三区| 亚洲欧美日韩成人高清在线一区| 粉嫩嫩av羞羞动漫久久久| 久久99精品久久久久久动态图| 91久久香蕉国产日韩欧美9色| 国产精品一级二级三级| 成人黄色软件下载| 国产精品无圣光一区二区| 成人激情午夜影院| 亚洲欧美日韩成人高清在线一区| 91偷拍与自偷拍精品| 亚洲蜜臀av乱码久久精品蜜桃| 成人av网站在线观看免费| 综合欧美亚洲日本| 欧美区在线观看| 天使萌一区二区三区免费观看| 精品国精品自拍自在线| 欧美日韩精品一二三区| 日韩亚洲电影在线| 全部av―极品视觉盛宴亚洲|