在庫管理システムで、phpやjsの使い分けがわからない

Question

SQLServer、php、JavaScript、HTML、CSSで、小規模のweb在庫管理システムを作りたいと思っています。
基となるシステムはACCESSでしっかりと動いているのがあるので、ストアドなどは応用が効くのですが、
DOM要素を操作したり、データをtable要素に入れたり、web上でのデータの変更を反映したりするのに、phpを使うべきかjsを使うべきかわかりません。

条件：
基本的には、select、update、delete、マスタ設定、データ出力ができるシステムを作りたい
pythonなどをフロント側にダウンロードさせなくてもいいシステムにしたい
ajax（一応触ったことあり）のようにページ遷移のないシステムにしたい
フレームワークは特に縛りはないけど、jQuery以外は全く知識がないのでなるべく入れたくない

phpやjsの役割を分けた方がいいのか、分けるとしたらどんな方法がいいのか、
他にアドバイスなどあったら教えていただけるとありがたいです。

Comments

[hoshi-takanori]

ページ遷移をせずに表示内容を書き換えたいなら、その処理は js で書く必要があります。

[退会済みユーザー]

分かりました。
ありがとうございます

Answer 1

DOM要素を操作したり
ajax（一応触ったことあり）

この時点でJavaScriptの仕事です。
PHPがやっているのはサーバーサイドで色々と処理をしたうえで出力することだけです。
その出力がHTMLならブラウザはそのように解釈します（レスポンスヘッダーによる出力内容の明示はすべき）

phpやjsの役割を分けた方がいいのか

そもそも動く階層が違うので元々しっかり役割が分かれてます。
PHPは呼び出し元に情報を出力するのが仕事、JavaScriptは出力されたHTMLに対して操作を行うのが仕事

あとは自身がやりやすいように組むことです。
なるべく一貫性のある実装を目指してください。

Comments

[退会済みユーザー]

システムとDOM要素の作成や削除などをphpで行なって、
装飾や動きをつけるのだけをjsに任せる、といった感じでしょうか？
今は、データをjs側でtable要素に入れるようにしているのですが、phpと分けた方がいいですか？

[m.ts10806]

装飾はCSSの仕事ですが、「そうなるCSSをつける」部分はJavaScriptか、PHPでそういう出力をするか
その辺は作り次第です。

>今は、データをjs側でtable要素に入れるようにしているのですが、phpと分けた方がいいですか？

やりやすいやり方で良いのでは。
AjaxでPHPからデータだけ返してJavaScriptでセットしても良いですし、
AjaxでPHPからそこまで構成されたHTMLを返してJavaScriptでセットしても良いですし。（ただJavaScriptでHTMLを作るのはパフォーマンスが良いとは言えないので、質や量で決めてください。）

[退会済みユーザー]

ありがとうございました

[m.ts10806]

一応、どう理解して解決したかフィードバックいただけたらと。
https://teratail.com/help/question-tips#questionTips4-2

[m.ts10806]

＞低評価された方
理由をコメントください。
無言での低評価は基本的に規約違反の迷惑行為とのことです。