MongoDBの特徴
MongoDBはその店舗のドキュメント指向データベースです。MongoDBのでは、レコードは、文書(ドキュメント)は、キーは、組成物の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
ライター:
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;
}复制代码
バックエンドで終了し、このような作業は、次の構造のバックエンドフロントエンドは、このようなデータを提供する方法です。
遠位のデータ構造
フロントエンド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
データIDだけ紙に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;复制代码
ターンのように論評は最大の励ましです