如何使用动态CSS渲染模板？

Question

我想在视图中创建一个动态CSS文件,然后渲染一个加载该CSS文件的模板.根据给视图的参数,每次调用视图时,CSS在某些位置可能具有不同的值.我该怎么做呢？(我应该补充一点,我没有在Python/Django中编写文件的经验.)

这是我认为它应该如何工作的简化示例:

# urls.py
urlpatterns = patterns('',
    (r'^myview/(?P<color>[0-9a-f]{6})/$', create_css_file),
)

# views.py
def create_css_file(request, color):
    raw = "@charset 'UTF-8';\n\n"
    raw += "body {\n"
    raw += "  color: #" + color + ";\n"
    raw += "}\n\n"

    f = open('mydynamic.css', 'r+')
    f.write(raw)

    return render_to_response('mytemplate.html', locals())

# mytemplate.html
{% extends "base.html" %}
{% block head %}
    <link rel="stylesheet" media="screen" href="{{ f.name }}" />
{% endblock %}

出于某种原因,这不起作用,尽管在生成的HTML页面的源代码中,看起来CSS文件正确加载.该f连在模板到达正确的,因为我可以看到它的内容,当我改变<link>...行

<link rel="stylesheet" media="screen" href="{{ f }}" />

(f而不是f.name).但HTML呈现时没有所需的颜色设置.任何人都可以告诉我为什么会这样吗？

我怀疑是一些路径问题,我玩弄了很多不同的路径,但无济于事.

请不要建议我准备几个硬编码的CSS文件(正如我在类似问题的答案中找到的那样),因为会有几百种可能性.

Answer 1

如果你绝对需要,你可以动态创建一个css文件.

您可以在urls.py中创建一个条目.您可以将您想要的任何名称命名为外部世界的静态.css文件,但这些文件将动态创建.

(r'^(?P<color>[0-9a-f]{6})/dynamic.css$', dynamic_css)


def dynamic_css(request, color):
   """
   Create a css file based on a color criteria,
   or any other complicated calculations necessary
   """
   # do custom element positionting.
   return render_to_response('dynamic.css', {'color': color})


# dynamic.css    
body {
  background-color: {{ color }}
}

没有理由为此编写css文件.现在你可以包括

<link rel="styleshee" type="text/css" href="/purple/dymamic.css" />

在您的模板中.

如上所述,这不应仅用于改变一种颜色.这可以在您的模板中完成.如果你不得不做这样的事情,那么实现缓存可能是个好主意,因为每次请求页面时都必须动态生成.css,这可能是性能开销.这是一个更好的示例,显示您可以将urls.py条目命名为您想要的任何内容.并以html的任何方式包含它们,即.如果您需要动态创建自定义javascript文件,则可以在urls.py中创建一个条目,然后创建一个生成.js文件的视图.

Answer 2

我采纳了 @CatPlusPlus 的建议：计算视图中必要的值并向模板传递一个raw包含整个 CSS 的非常长的字符串 ( )。在模板中，我将其包含如下：

<style media="screen">{{ raw|safe }}</style>

感谢大家的努力！