用户使用Django-Userskins自定义网站样式|不合理的繁荣</ title><链接rel="stylesheet" href="//www.klytx.com/ananke/dist/main.css_5c99d70a7725bacd4c701e995b969fea.css"> <link rel="stylesheet" href="//www.klytx.com/static/pygments.css"> </head> <body class="ma0 avenir bg-white production"> <header> <div class="bg-white"> <nav class="pv3 ph3 ph4-ns" role="navigation"> <div class="flex-l justify-between items-center center"> <a href="//www.klytx.com/" class="f3 fw2 no-underline black-90 dib">不合理的繁荣</a> <div class="flex-l items-center"> <ul class="pl0 mr3"> <li class="list f5 f4-ns fw4 dib pr3"><a class="no-underline black-90" href="//www.klytx.com/featured/" title="受欢迎的">受欢迎的</a></li> <li class="list f5 f4-ns fw4 dib pr3"><a class="no-underline black-90" href="//www.klytx.com/tags/" title="标签">标签</a></li> <li class="list f5 f4-ns fw4 dib pr3"><a class="no-underline black-90" href="//www.klytx.com/newsletter/" title="金沙手机APP">金沙手机APP</a></li> <li class="list f5 f4-ns fw4 dib pr3"><a class="no-underline black-90" href="//www.klytx.com/feeds.xml" title="rss.">rss.</a></li> <li class="list f5 f4-ns fw4 dib pr3"><a class="no-underline black-90" href="//www.klytx.com/about" title="关于">关于</a></li> </ul> </div> </div> </nav> </div> </header> <main class="pb7" role="main"> <article class="flex-l flex-wrap justify-between mw8 center ph3"> <header class="mt4 w-100"> <h1 class="f1 athelas mt3 mb1">用户使用Django-Userskins自定义网站样式</h1> <time class="f6 mv4 dib tracked" datetime="2008-10-27T08:45:00-07:00">2008年10月27日。</time> <a href="//www.klytx.com/tags/django" class="link f5 mid-gray no-underline sans-serif">Django（72）</a> </header> <div class="nested-copy-line-height lh-copy serif f5 nested-links nested-img mid-gray pr4-l w-two-thirds-l"> <p>对于Django项目，我正在研究我想让用户从少数皮肤中选择来个性化网站的外观（<a href="http://twitter.com/">类似于Twitter的新款剥皮功能</a>），并决定尝试将一个可插拔的应用程序放在一起以实现这一目标。</p> <p><a href="http://github.com/lethain/django-userskins/tree/master">因此，Django-Userskins出生。</a></p> <p><a href="http://github.com/lethain/django-userskins/tree/master/README.markdown">自述文件</a>在讨论实施细节方面是相当彻底的，但我仍然会在这里发言。</p> <h3>最低可能的数据库命中。</h3> <p>我认为，尽可能避免数据库点击是很重要的，因为如果您的网站因其开始慢慢加载，允许用户选择皮肤并不大大改进。我的方法是使用cookie持久性，如果经过身份验证的用户没有cookie，那么它通过检查数据库中的皮肤首选项来为它们重新创建一个cookie。因此，每个用户只能每次清除浏览器的cookie时达到一次数据库一次。</p> <p>此外，Django-Userskins有一个选项永远不会击中数据库，并且在这种情况下它只使用cookie来存储用户的首选皮肤。</p> <h3>节点带宽。</h3> <p>我觉得我感到很重要的另一个问题是尽可能地节省带宽。在这方面，我不喜欢任何涉及将定制样式表注入应用模板的方法，因为它不允许缓存/缩小/远期到期，并与每个单个呈现的模板重新发送。</p> <p>相反，Django-Userskins允许您指定CSS文件以加载每个皮肤。一个简单的案例如下所示：</p> <div class="highlight"> <pre><span class="n">USERSKINS_DEFAULT</span><span class="o">=</span><span class="s">“光”</span><span class="n">Userskins_details.</span><span class="o">=</span><span class="p">{</span><span class="s">'光'</span><span class="p">：</span><span class="s">'light.css'</span><span class="p">那</span><span class="s">'黑暗的'</span><span class="p">：</span><span class="s">'黑暗.css'</span><span class="p">那</span><span class="p">}</span></pre> </div> <p>这将被使用<code>用户金</code>模板标签......</p> <div class="highlight"> <pre><span class="cp">{％</span><span class="k">加载</span><span class="nv">用户金s</span><span class="cp">%}</span><span class="nt"><head></span><span class="nt"><title></span>亚达耶达<span class="nt"></ title></span><span class="cp">{％</span><span class="k">用户金</span><span class="cp">%}</span><span class="nt"></ head></span></pre> </div> <p>to render something like this:</p> <div class="highlight"> <pre><span class="nt"><head></span><span class="nt"><title></span>亚达耶达<span class="nt"></ title></span><span class="nt"><链接</span><span class="na">rel=</span><span class="s">“样式表”</span><span class="na">href =</span><span class="s">“http://127.0.0.1：8000/MEDIA/light.css”</span><span class="nt">></span><span class="nt"></ head></span></pre> </div> <p>更令人兴奋的（对我来说），Django-Userskins可以与之整合<a href="http://code.google.com/p/django-compress/">django-compress</a>。您的设置文件将看起来像这样：</p> <div class="highlight"> <pre><span class="n">压缩</span><span class="o">=</span><span class="bp">真的</span><span class="n">compress_version.</span><span class="o">=</span><span class="bp">真的</span><span class="n">compress_css.</span><span class="o">=</span><span class="p">{</span><span class="s">'光'</span><span class="p">：{</span><span class="s">'source_filenames'</span><span class="p">:(</span><span class="s">'CSS / BASE.CSS'</span><span class="p">那</span><span class="s">'CSS / Skins / Light.css'</span><span class="p">），</span><span class="s">'output_filename'</span><span class="p">：</span><span class="s">'css / light_skin.r？.css'</span><span class="p">那</span><span class="p">}，</span><span class="s">'黑暗的'</span><span class="p">：{</span><span class="s">'source_filenames'</span><span class="p">:(</span><span class="s">'CSS / BASE.CSS'</span><span class="p">那</span><span class="s">'CSS / Skins / Dark.css'</span><span class="p">），</span><span class="s">'output_filename'</span><span class="p">：</span><span class="s">'css/dark_skin.r?.css'</span><span class="p">那</span><span class="p">}，</span><span class="p">}</span><span class="n">USERSKINS_DEFAULT</span><span class="o">=</span><span class="s">“光”</span><span class="c">与Django-Compress集成时，不使用userskins_details</span><span class="n">userskins_use_compress_groups.</span><span class="o">=</span><span class="bp">真的</span></pre> </div> <p>模板标记的使用完全相同，但将输出所选皮肤的压缩，合并和版本化文件。</p> <div class="highlight"> <pre><span class="cp">{％</span><span class="k">加载</span><span class="nv">用户金s</span><span class="cp">%}</span><span class="nt"><head></span><span class="nt"><title></span>亚达耶达<span class="nt"></ title></span><span class="cp">{％</span><span class="k">用户金</span><span class="cp">%}</span><span class="nt"></ head></span></pre> </div> <p>使用Django-Compress和Django-Userskins的这种组合，您可以支持用户天选项，而无需使用每个页面发送其他数据，并且（具有远未来到期）而不添加额外的HTTP请求以检索Skin的CSS文件。结合数据库访问的最小方法，应该可以使用Django-Userskins对您网站的性能和带宽使用率的影响最小。</p> <h3>用于经过身份验证和匿名用户的皮肤。</h3> <p>关于Django-Userskins的一个很好的事情是那些未登录的用户也可以指定皮肤（持久通过cookie）。设置个人cookie的代码可以像这样简单（例如，如果您只有侧边栏中的可用皮革列表，并且用户只需单击链接以更改所选的皮肤）：</p> <div class="highlight"> <pre><span class="kn">从</span><span class="nn">django.conf.urls.defaults.</span><span class="kn">进口</span><span class="o">*</span><span class="kn">从</span><span class="nn">django.http.</span><span class="kn">进口</span><span class="n">httpresponseredirect.</span><span class="kn">从</span><span class="nn">Userskins.models.</span><span class="kn">进口</span><span class="n">SkinPreference.</span><p><span class="k">def</span><span class="nf">暗黑皮肤</span><span class="p">（</span><span class="n">要求</span><span class="p">）：</span><span class="n">HRR.</span><span class="o">=</span><span class="n">httpresponseredirect.</span><span class="p">（</span><span class="s">“/”</span><span class="p">）</span><span class="n">HRR.</span><span class="o">。</span><span class="n">set_cookie.</span><span class="p">（</span><span class="s">“userskins”</span><span class="p">那</span><span class="s">“黑暗的”</span><span class="p">）</span><span class="k">如果</span><span class="n">要求</span><span class="o">。</span><span class="n">user</span><span class="o">。</span><span class="n">is_authenticated</span><span class="p">（）：</span><span class="k">尝试</span><span class="p">：</span><span class="n">SP.</span><span class="o">=</span><span class="n">SkinPreference.</span><span class="o">。</span><span class="n">对象</span><span class="o">。</span><span class="n">得到</span><span class="p">（</span><span class="n">user</span><span class="o">=</span><span class="n">要求</span><span class="o">。</span><span class="n">user</span><span class="p">）</span><span class="n">SP.</span><span class="o">。</span><span class="n">皮肤</span><span class="o">=</span><span class="s">“黑暗的”</span><span class="n">SP.</span><span class="o">。</span><span class="n">保存</span><span class="p">（）</span><span class="k">除了</span><span class="n">SkinPreference.</span><span class="o">。</span><span class="n">ObjectDoesNotexist.</span><span class="p">：</span><span class="n">SP.</span><span class="o">=</span><span class="n">SkinPreference.</span><span class="o">。</span><span class="n">对象</span><span class="o">。</span><span class="n">创造</span><span class="p">（</span><span class="n">user</span><span class="o">=</span><span class="n">要求</span><span class="o">。</span><span class="n">user</span><span class="p">那</span><span class="n">皮肤</span><span class="o">=</span><span class="s">“黑暗的”</span><span class="p">）</span><span class="k">返回</span><span class="n">HRR.</span></p><p><span class="k">def</span><span class="nf">Light_skin.</span><span class="p">（</span><span class="n">要求</span><span class="p">）：</span><span class="n">HRR.</span><span class="o">=</span><span class="n">httpresponseredirect.</span><span class="p">（</span><span class="s">“/”</span><span class="p">）</span><span class="n">HRR.</span><span class="o">。</span><span class="n">set_cookie.</span><span class="p">（</span><span class="s">“userskins”</span><span class="p">那</span><span class="s">“光”</span><span class="p">）</span><span class="k">如果</span><span class="n">要求</span><span class="o">。</span><span class="n">user</span><span class="o">。</span><span class="n">is_authenticated</span><span class="p">（）：</span><span class="k">尝试</span><span class="p">：</span><span class="n">SP.</span><span class="o">=</span><span class="n">SkinPreference.</span><span class="o">。</span><span class="n">对象</span><span class="o">。</span><span class="n">得到</span><span class="p">（</span><span class="n">user</span><span class="o">=</span><span class="n">要求</span><span class="o">。</span><span class="n">user</span><span class="p">）</span><span class="n">SP.</span><span class="o">。</span><span class="n">皮肤</span><span class="o">=</span><span class="s">“黑暗的”</span><span class="n">SP.</span><span class="o">。</span><span class="n">保存</span><span class="p">（）</span><span class="k">除了</span><span class="n">SkinPreference.</span><span class="o">。</span><span class="n">ObjectDoesNotexist.</span><span class="p">：</span><span class="n">SP.</span><span class="o">=</span><span class="n">SkinPreference.</span><span class="o">。</span><span class="n">对象</span><span class="o">。</span><span class="n">创造</span><span class="p">（</span><span class="n">user</span><span class="o">=</span><span class="n">要求</span><span class="o">。</span><span class="n">user</span><span class="p">那</span><span class="n">皮肤</span><span class="o">=</span><span class="s">“光”</span><span class="p">）</span><span class="k">返回</span><span class="n">HRR.</span></p><p><span class="n">URLPatterns.</span><span class="o">=</span><span class="n">图案</span><span class="p">（</span><span class="s">''</span><span class="p">那</span><span class="p">（</span><span class="s">r'^皮肤/暗/ $'</span><span class="p">那</span><span class="n">暗黑皮肤</span><span class="p">），</span><span class="p">（</span><span class="s">r'^skin/light/$'</span><span class="p">那</span><span class="n">Light_skin.</span><span class="p">），</span><span class="p">）</span></p></pre> </div> <p></p> <p>如果您没有经过身份验证的用户，则选择视图会更短：</p> <div class="highlight"> <pre><span class="k">def</span><span class="nf">Light_skin.</span><span class="p">（</span><span class="n">要求</span><span class="p">）：</span><span class="n">HRR.</span><span class="o">=</span><span class="n">httpresponseredirect.</span><span class="p">（</span><span class="s">“/”</span><span class="p">）</span><span class="n">HRR.</span><span class="o">。</span><span class="n">set_cookie.</span><span class="p">（</span><span class="s">“userskins”</span><span class="p">那</span><span class="s">“光”</span><span class="p">）</span><span class="k">返回</span><span class="n">HRR.</span></pre> </div> <h3>错过任何东西？</h3> <p>你能想到其他用例吗covered by the existing design? Let me know and I'll incorporate them as best I can.</p> <p>我会很快将Django-Userskins集成到我的真实应用程序中，并将尽一点突然改善它，但除非发现了新的useecases，否则我并不想象许多剧烈的变化。</p> <p>git存储库<a href="http://github.com/lethain/django-userskins/tree/master">在github上</a>，而且<a href="http://github.com/lethain/django-userskins/tree/master/README.markdown">可以在那里找到README文件</a>。</p> <div class="mt6 instapaper_ignoref"></div> </div> <aside class="w-30-l mt1-l"> <div class="bg-light-gray pa3"> <p class="f5 mb3">嗨伙计。我是<a href="//www.klytx.com/about">将要</a>阿卡<a href="https://twitter.com/lethain">@lethain.</a>。<br>如果你想向我联系，那么<a href="//www.klytx.com/ways-i-help/">我提供帮助的方式</a>。如果您想从我这里收到电子邮件，请订阅<a href="//www.klytx.com/newsletter/">我的每周时事通讯金沙手机APP</a>。</p> <p>我写<a href="https://www.amazon.com/Elegant-Puzzle-Systems-Engineering-Management/dp/1732265186">一个优雅的拼图</a>。</p> <p><a href="https://www.amazon.com/Elegant-Puzzle-Systems-Engineering-Management/dp/1732265186"><img class="w-100" src="//www.klytx.com/static/blog/2019/aep-small-lq.jpg"></a></p> <p>也，<a href="https://staffeng.com/book">员工工程师</a>。</p> <p><a href="https://staffeng.com/book"><img class="w-100" src="//www.klytx.com/static/blog/staffeng/StaffEngBookMed.jpg"></a></p> </div> <div class="bg-light-gray pa3 nested-list-reset nested-copy-line-height nested-links"> <p class="f5 b mb3">受欢迎的</p> <ul class="pa0 list"> <li class="mb2"><a href="//www.klytx.com/good-engineering-strategy-is-boring/">Write five, then synthesize: good engineering strategy is boring.</a></li> <li class="mb2"><a href="//www.klytx.com/managing-technical-quality/">管理Codebase中的技术质量。</a></li> <li class="mb2"><a href="//www.klytx.com/work-on-what-matters/">致力于重要的事情。</a></li> <li class="mb2"><a href="//www.klytx.com/first-ninety-days-cto-vpe/">您的第一个90天作为CTO或VP工程。</a></li> <li class="mb2"><a href="//www.klytx.com/digg-acquihire/">Digg团队如何被剥夺。</a></li> </ul> </div> <div class="bg-light-gray pa3 nested-list-reset nested-copy-line-height nested-links"> <p class="f5 b mb3">最近的</p> <ul class="pa0 list"> <li class="mb2"><a href="//www.klytx.com/mailbag-should-we-call-them-architects/">Mailbag：我们应该打电话给他们建筑师吗？</a></li> <li class="mb2"><a href="//www.klytx.com/migrating-blog/">RSS饲料更换！接下来几天迁移博客。</a></li> <li class="mb2"><a href="//www.klytx.com/mailbag-unhappy-users-internal-platform/">sands金沙直营赌场 </a></li> <li class="mb2"><a href="//www.klytx.com/measures-of-engineering-impact/">工程造成措施。</a></li> <li class="mb2"><a href="//www.klytx.com/exuberant-sketches/">数字园艺在旺盛的草图。</a></li> </ul> </div> <div class="bg-light-gray pa3 nested-list-reset nested-copy-line-height nested-links"> <p class="f5 b mb3">有关的</p> <ul class="pa0 list"> <li class="mb2"><a href="//www.klytx.com/user-registration-apps-for-django/">Django的用户注册应用程序</a></li> <li class="mb2"><a href="//www.klytx.com/taming-audittrail-proliferation/">驯服audittrail扩散</a></li> <li class="mb2"><a href="//www.klytx.com/choosing-between-audittrail-and-django-rcsfield/">选择audittrail和django-rcsfield</a></li> <li class="mb2"><a href="//www.klytx.com/setting-up-django-rcsfield/">设置django-rcsfield</a></li> <li class="mb2"><a href="//www.klytx.com/restricting-user-signups-in-django/">限制Django中的用户注册</a></li> </ul> </div> </aside> </article> </main> <footer class="bg-grey bottom-0 pa3 tc" role="contentinfo"> <div class="flex justify-between"> <a class="f6 fw4 no-underline black-50 dn dib-ns pv2 ph3" href="//www.klytx.com">©将金沙手机网larson 2021</a> <a class="f5 fw4 no-underline black-50 dn dib-ns pv2 ph4" href="//www.klytx.com/tags/">标签</a> <a class="f5 fw4 no-underline black-50 dn dib-ns pv2 ph4" href="//www.klytx.com/newsletter/">金沙手机APP</a> <a class="f5 fw4 no-underline black-50 dn dib-ns pv2 ph4" href="//www.klytx.com/feeds.xml">rss.</a> <a class="f5 fw4 no-underline black-50 dn dib-ns pv2 ph4" href="//www.klytx.com/about/">关于</a> </div> </footer> </body> </html>