シングルページのWebアプリケーションの基本ロジック

Question

私は小さなWebアプリケーションを作成しています。 アプリケーションには複数の画面（リスト、内部リスト、アイテムの詳細など）があります。 サーバー上にREST APIがあり、クライアントを作成する必要があります。

最初は、メイン画面ごとにHTMLページを考えました。 すべてのページについて、私はCSSとJSコードを持っています。 HTMLには、JSコードで埋められるプレースホルダ（空のdiv）のみが含まれます。

次に、アプリケーションを単一ページアプリケーションとして作成し、アンカーを含むURLを使用して状態（domain.com/#list1#item1）を暗示することにしました。

私は、アプリケーションのアーキテクチャについての情報を提供すべきthis質問を見つけたが、私は疑問に思う：

1）どのようにサーバークリーンな方法でのページへの権利CSSできますか？

2）ページの基本構造（HTML divのやり方）をきれいに定義するにはどうすればよいですか？

Answer 1

あなたのCSSがページ間で大幅に異なるのでなければ、とにかく1ページになるはずです。すべてのページに配信される基本CSSファイルがあり、必要に応じてページごとに特定のCSSファイルがページされます。考え方は、ページの読み込みのオーバーヘッドを減らすことですが、あなたのケースでは非常に小さいように聞こえるので、すべてを1つのCSSファイルに入れても大きな影響はありません。

ページ構造については、紙面上の各ページの概略図を作成し、divで鉛筆を描くことから始めます。そして、どのように物事が重なり、マスターページのレイアウト要素となることができ、実際のページレイアウト要素は何かを見てください。共通の部分を見て、divを設定する方法を決めます。

正直言って、1ページですべてをやろうとすると、divのレイアウトがちょっと乱雑になります。ウィザードのような機能やそれに類する機能がない限り、すべてを1ページにまとめると、物事を追加または変更しようとすると道路の問題が発生する可能性があります。