django和静态CSS加js文件

Question

我在django上做了一个小应用程序，它正在使用模板。 每个模板都使用静态文件，例如css，js和images。 所有这些文件都与模板位于同一目录中。

template
    main.html
    support.html
    about.html
    ...

    css
        reset.css
        style.css
        ...

    img
    js
        jquery.js
        main.js
        ...

是否有配置django开发服务器以加载这些文件而不编辑html模板文件？

我正在接收

http://127.0.0.1:8000/face/css/960_24_col.css   404 NOT FOUND    127.0.0.1:8000

settings.py中的此更改没有帮助我

STATIC_ROOT = 'C:/Projects/site/website/face/static/'
STATIC_URL = '/static/'
STATICFILES_DIRS = ('C:/Projects/site/website/face/static',)

Answer 1

您可能要使用contrib应用程序staticfiles 。 在文档页面的底部，您将看到如何在开发服务器上使用它。

Answer 2

STATIC_URL已被定义为“/静态/”，所以所有的静态文件将从/静态服务。

换句话说，/face/css/960_24_col.css不正确。

假设face目录位于C：/ Projects / site / website / face / static / face，这应该是/static/face/css/960_24_col.css。

可能我也建议您不要在设置文件中使用绝对路径。 要找出项目根目录的绝对路径，请使用类似以下内容的方法：

PROJECT_DIR = os.path.abspath(os.path.dirname(__file__)) 

Answer 3

这是我通过Django开发服务器提供静态文件的方式。

在urls.py中定义：

from os import getcwd, path as ospath
...
urlpatterns += patterns('',
    (r'css/([a-zA-Z0-9_.]+.css)$', 'django.views.static.serve', {'document_root': ospath.join(getcwd(), 'css')}),
    (r'images/(.*)$', 'django.views.static.serve', {'document_root': ospath.join(getcwd(), 'images')}),
    (r'js/([a-zA-Z0-9_.]+.js)$', 'django.views.static.serve', {'document_root': ospath.join(getcwd(), 'js')})
)