ダイナミックWeb UI開発のための適切なアプローチ：テンプレートベース

Question

私は、ユーザープロファイルページなどのように自分のページに異なるテンプレートを選択する必要があります。私たちのWebアプリケーションは、ユーザは任意の1つのテンプレートを選択することができる。テンプレートをカスタマイズするには、テンプレートをカスタマイズすることができます。テンプレートのカスタマイズの例は次のとおりです。プロフィール画像を左から右に移動することができます。背景色などを変更する可能性があります。

この種のUIにはどのような方法がありますか？ ページ全体のメタデータを保持し、それをクライアント側で作成する必要がありますか？ サーバー側でHTML全体を作成し、それをクライアント側でロードするだけですか？

このようなUI開発のためのJADE/Node.js用のフレームワークはありますか？ 私はこの種の開発に全く新しいので、適切な方法を教えてください。

Answer 1

次のように簡単に非常に簡単にこれを実現：

1. は、テーマのオプションをリスト形式でユーザーと選択ボックス（または代替）を提示。これをユーザーのもとでデータベースに保存するか、アプリケーションに実際のバックエンドがない場合はローカルストレージに保存することができます（この場合、ユーザーの設定が長すぎると設定がリセットされる可能性があります）。

2. JSでは、ページの読み込み時に、選択した値（AJAX呼び出しまたはローカルストレージのチェック）を決定し、そのプロファイルページの周りのラッパーにクラスを動的に追加します。 profile--colorful,profile--thinなど

3. これらのクラスを使用して、CSSで各プロファイルのスタイルを変更します。