css - 動的CSSの生成

Question

ユーザーがカスタマイズしたスタイルを処理するための最良の方法は何ですか？私が探している結果の例として、これで十分です。

body {
   color: {{ user.profile.text_color }};
}

ただし、CSSをビューとして提供すると、常に要求されるファイルにかなりのオーバーヘッドが発生するように思われるため、これはおそらく適切なソリューションではありません。

ユーザーはCSSファイルにアクセスできないため、Web開発の知識がないと想定する必要があります。

Answer 1

ただし、CSSをビューとして提供すると、常に要求されるファイルにかなりのオーバーヘッドが発生するように思われるため、これはおそらく適切なソリューションではありません。

そして、そのCSSを一度生成するとしたらどうでしょうか。

1. デフォルトのCSSは次のとおりです。/common/css.css
2. メンバーはCSSをカスタマイズし、<link />要素はを指すようになりました/user-specific/123.css?ts=123123123。123もちろん、はメンバーの識別子であり、tsパラメーターにはタイムスタンプ（CSSが最後に変更された日付）が含まれます
3. CSSジェネレーターがクライアント側のキャッシュを担当する適切なHTTPヘッダーを設定していることを確認してください
4. ユーザーブラウザがCSSファイルを要求します-サーバーは単純なヘッダーで応答します-304 Not Modifiedスクリプトの実行やコンテンツのダウンロードは必要ありません
5. メンバーが自分のCSSを変更するときは、更新するだけです。tsもう一度、1つのリクエストだけが必要です。

Answer 2

通常どおりビューを介してCSSを動的に実行しますが、ロードが速くなるように積極的なキャッシュを使用します。

Answer 3

あなたはdjangomediageneratoを試すことができます、実際に私はこのQを読み、あなたのような解決策を探していました、そして私はそのDjango-mediageneratorを見つけました

私はまだ試していませんが、解決策になると思います。