[TIL] MVC Design Pattern

2533 ワード

What I Learned Today :)

  📌 MVC pattern 

MVC pattern


Mode
View
Controller
MVCモードは、Mode、View、Controllerの略である.
一連のソフトウェア実行方式のモデルです.多くのライブラリまたはフレームワークは、特定のライブラリを指定するのではなく、このモードで作成されます.

ここで待って!


🙋🏻‍♂️ ライブラリとフレームワークが混同されました!
  • ライブラリ(library)
      プログラマが開発に必要なツールの集合であり,ユーザが使いやすいツールの集合として表される.Reactはライブラリです...実は...さっき知った...!!
  • フレームワーク(フレームワーク-動作)
      frameが言ったように、フレーム、スケルトンで構成されていて、残りの肉を貼るだけでいいです.ExpressJS、Spring、Rubyなどをフレームワークと呼ぶ.
  • またMVCモードの話を続けます!!
    NAVERまたは以下の複雑でダイナミックなWebサイトコードが長すぎて混乱することを防止するため、特定の基準で効率的に分離・モジュール化されている.
    では、モジュール、ビュー、コントローラの役割は何ですか.

    上図に示すように、実際の生活を例にとると、このように表現することができます.
  • モード:食品倉庫管理、調理
  • ビュー:
  • 従業員、コックから送られてきた食べ物の配置を担当
  • コントローラ:注文、サービスホール従業員
  • 再整理すると、こんな感じで、

  • Model
    データベース内の情報を指定、格納、ロードするためのデータに関連するロール.したがって、データベースと関係があり、データベースから得られた情報をコントローラとして放出します.

  • View
    その名の通り、目に見えるものを指す.
    コントローラとのみ通信します.
    コントローラが受信した値をユーザーに表示するために、ユーザーを転送する特定のアクションまたはイベント、または構成画面があります.
    Viewは絵を描いているだけだ!
      ex) CSS, HTML

  • Controller
    実際にプログラミングが多い部分
    ユーザの要求を直接受信したり,その要求に関する質問をモデルに尋ねたり,その情報をモデルに受信したりする.
  •   また,ユーザに直接要求するため,モデルに要求する前に一連の加工過程を経てモデルを聞き取ることができ,加工処理された要求はモデルとコントローラにデータを返すことができる.
    このモデルから得られる情報は目で見ることができるので、viewに捨てる場合も、viewが読めるように1回または複数回の加工処理を経なければならない.(JSON.parseなど…)
    次の図に示すように、Vscodeではディレクトリが分離されており、反応器で素子を分けるように、機能別にキャラクタで区切られたディレクトリでもある.jsファイルが共有されていることを確認できます.

      すなわち、MVCモードでは、あるサービスを返すために何らかのプロセスと何らかの処理が必要であり、これらの処理をモデルロール、コントローラロール、ビューロールなどの各ロールに分ける.
      つまり、最大の特徴は、1つのコードライブラリですべてのことをすることではなく、特定のロールで整理され、意図的に明確なコードを完成させることです.
      これにより、キャラクターの毒性や管理性などの品質が向上するだけでなく、エラーが発生した場合、エラーが発生した部分を簡単に見つけることができ、メンテナンスが容易になります.

    ⭐️  ORM-Sequelize报道短片


    [注意]
    薄っぺらなコード辞書
    https://mangkyu.tistory.com/4
    [もうちょっと読む]
    https://blog.coderifleman.com/2015/06/19/mvc-does-not-scale-use-flux-instead/