VUE+Express+MongoDBのフロントエンドとバックエンドの分離によるノートウォールの実現

マウスダウン: 関数(イベント) {
      _this = this とします。
      if (!this.isEdit) {
        イベントの開始X = イベント.x;
        イベントの開始Y = イベント.y;
        this.note.movi​​ng = true;
        document.onmousemove = イベント => {
          if (!_this.note.movi​​ng) が false を返す;
 
          dx = event.x - _this.startX とします。
          dy = event.y - _this.startY とします。
 
          もし （
            _this.note.x + dx <= 0 ||
            _this.note.x + dx >= _this.width - 250 ||
            _this.note.y + dy <= 60
          ）{
            false を返します。
          }
 
          _this.note.x1 = _this.note.x + dx;
          _this.note.y1 = _this.note.y + dy;
        };
        ドキュメント.onmouseup = () => {
          if (!this.isEdit) {
            this.note.movi​​ng = false;
            this.note.x = this.note.x1;
            メモ:
            this.saveNote();
            ドキュメント.onmousemove = null;
            ドキュメント.onmouseup = null;
          }
        };
      }
    }

 <div
      クラス="note-content"
      v-if="!isEdit"
      v-html="コンテンツ"
      :ref="'メモ' + インデックス"
    </div>
    <el-入力
      v-else
      クラス="note-content my-textarea"
      タイプ="テキストエリア"
      placeholder="コンテンツを入力してください"
      :autosize="{ 最小行数: 10 }"
      v-model="コンテンツ"
      :ref="'メモ' + インデックス"
      @blur="ハンドル変更"
    </el-input> ...

// コントローラー/note.js
const Notes = require("../model/notes");
var mongoose = require('mongoose');
モジュール.エクスポート = {
  更新ノート(obj) {
    _id が _id である場合
      obj.params._id = 新しい mongoose.mongo.ObjectID();
    }
    Notes.findByIdAndUpdate() を返します。
      obj.params && obj.params._id,
      {
        $set: オブジェクト本体
      },
      {
        アップサート: true、
        新規: 真、
        挿入時にデフォルトを設定する: true
      }
    ）
      .then(関数(newobj) {
        Promise.resolve({ を返す
          ステータス: 200、
          メッセージ: "OK"
        });
      })
      .catch((エラー) => {
        Promise.reject(err) を返します。
      });
  },
  メモを取得する() {
    新しいPromise(function(resolve,reject))を返す{
      ノート.find()
        .then(関数(newobj) {
          解決(newobj);
        })
        .catch((エラー) => {
          拒否(エラー);
        });
    });
  },
  メモIDで削除(_id) {
    Notes.findByIdAndDelete(_id) を返します
      .then(関数(newobj) {
        Promise.resolve({ を返す
          ステータス: 200、
          メッセージ: "OK"
        });
      })
      .catch((エラー) => {
        Promise.reject(err) を返します。
      });
  }
};

// モデル/note.js
var mongoose = require("mongoose");
var スキーマ = mongoose.Schema;
 
//データセットオブジェクトを宣言する var noteSchema = new Schema({
  TXT： {
    タイプ: 文字列、
    必須: false
  },
  x: {
    タイプ: 数値
  },
  年: {
    タイプ: 数値
  },
  色：
    タイプ: オブジェクト
  },
  タイトル：{
    タイプ: 文字列、
    デフォルト: "名前なし"
  },
  作成時間: {
    タイプ: 日付、
    デフォルト: Date.now
  }
});
mongoose.set("useCreateIndex", true);
mongoose.set('useFindAndModify', false);
// データ モデルを公開します module.exports = mongoose.model("Notes", noteSchema, "notes");