MVCモデルでは、例えばJavascriptでのDB操作とかどう扱うのでしょうか？

Question

普段PHPを使っております。

これからクライアント側で直感的な「よく動く」サイトを作っていきたいと、
Javascriptを勉強しようと思っております。
マウスでドラッグアンドドロップすれば操作できる、ようなことが理想です。

そこで、本格的に勉強する前にに質問させていただきたいのですが、
そういう場合、例えばJavascriptでDB操作をすることも多くなると思うんですが、
サーバーサイドのMVCモデルとはどのように住み分けて書けばよいのでしょうか？

それとも何か、そういうのに対応したフレームワークなり、モデルがあるのでしょうか？

作っていくとすごく混乱しそうで困っています。

当方PHPです。どうぞよろしくお願いいたします。

Answer 1

Javascriptは原則クライアント側（ブラウザ側）で動かす物です。
（Node等のサーバサイドの話はこの際置いておいて下さい）

JavascriptでサーバのDB操作をするのは実はわかればそれほど面倒なことはしていません。
実際にはサーバ側へいわゆるAJAX等を使いjavascriptでPOSTやGETでパラメータを渡す。
PHP等で普通に$_GETや$_POSTで受け取って、それを利用して普通にDBへアクセスするプログラムを組みます。
でパラメータから必要なデータをDB操作で受け取ってecho等（普通は複数のデータを返したいでしょうからjson形式が多いと思います）で出力。
最終的にAJAX送信時の戻り（コールバックと言う言い方が一般的かと）をjavascriptで受け取ると。
で受け取ったデータを利用して表示させてやる感じですね。

ですので直接はMVCとは関係ないとも言えます。
PHP側は好きな物で作れば良いと思います。
クライアント側もjavascriptであれば良い訳ですが、jQueryや最近ではangularJs等を利用して送信・受信、その後のDOM操作を行う事が多いのでは無いかと思います。

とりあえずはAJAXをキーワードに勉強すると良いのでは無いかと思います。

Answer 2

javascriptのフレームワークで有名なのはAnglarJSですが、これは、短いコードでフロントエンド側のプログラムを作成するためのものです。javascript用に開発されたDBも存在しますが、DBアクセスはPHP側でやるのが一般的だと思われます。

なので、混乱しないようにするには、

ドラッグアンドドロップでアクションが始まる（いわゆるイベントドリブン）はjavascriptが担当（MVCのView）
入力文字列のチェックやDBへの反映、検索、スレッド処理、メール送信などはPHPが担当（MVCのModelとController）

とざっくり覚えればいいと思います。