在 django 1.4 开发中使用 css

Question

我正在寻找一种在 django 中使用 css 文件的方法。我尝试了很多东西，我在很多论坛中搜索，但我找不到我的错误。这是我的代码：

目录结构：

/projecte
    manage.py
    /projecte
         settings.py
         url.py
         wsgi.py
         /static
             /css
                  estil.css
         /templates
             inici.html

    /principal
         models.py
         views.py
         forms.py

URL.py

from django.conf.urls.static import static
from django.contrib.staticfiles.urls import staticfiles_urlpatterns 
urlpatterns = patterns('',
    url(r'^$','principal.views.inici'),
    ...
)
urlpatterns += staticfiles_urlpatterns()

SETTINGS.py

RUTA_PROJECTE = os.path.dirname(os.path.realpath(__file__))
STATIC_ROOT = os.path.join(RUTA_PROJECTE,'static')
STATIC_URL = '/static/'

STATICFILES_DIRS = (   
os.path.join(RUTA_PROJECTE,'static'),
)

TEMPLATE_CONTEXT_PROCESSORS = ( 
    ...
'django.core.context_processors.static',    
)

INSTALLED_APPS = (    
    'django.contrib.staticfiles',   
    ...
'principal',  
) 

VIEWS.py

def inici(request):
tracks = Track.objects.all()
#print(len(tracks))

return render_to_response('inici.html',
    {'tracks':tracks},
    context_instance = RequestContext(request))

INICI.html

<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/estil.css">

当我输入样式时不起作用。我没有错误，但什么也没发生。 谢谢你的帮助

Answer 1

在我看来，您应该尝试使用静态模板标签。 在您的 html 顶部添加以下内容：

{% load staticfiles %}

然后你的css链接应该是这样的：

<link rel="stylesheet" type="text/css" href="{% static "css/estil.css" %}" />

Answer 2

我认为加载静态文件也是如此。

问题是你把它放在一个 .py 文件中？它应该在模板中。 （或者这似乎是一个打字错误）

啊，我明白了，你错过了模板的路径：

return render_to_response('inici.html'

应该是：

return render_to_response('/principal/inici.html'

在主目录中创建路径模板

模板中的子路径再次称为主体：

principal/templates/principal

并将您的模板 (.html) 放在那里

/projecte
    manage.py
    /projecte
         settings.py
         url.py
         wsgi.py
         /templates (dir for your project templates)
               /projecte
               /admin (e.g. if you want to override your admin templates, do it here)
    /var ( a dir used operationaly for all variable things... logs, files, db)
       /static
          /css
                 estil.css
       /media
       /logs
       /sqlite (for testing only, unless you use sqlite operational as well)
    /principal
         models.py
         views.py
         forms.py
         /templates (a dir for your application templates)
                   /principal
                             inici.html
         /media

并确保他找到模板......一秒钟：

在settings.py中使用：

import os

SETTINGS_DIR = os.path.dirname(os.path.realpath(__file__))
BUILDOUT_DIR = os.path.abspath(os.path.join(SETTINGS_DIR, '..'))
STATIC_ROOT = os.path.join(BUILDOUT_DIR, 'var', 'static')
STATIC_URL = '/static_media/'
MEDIA_ROOT = os.path.join(BUILDOUT_DIR, 'var', 'media')
MEDIA_URL = '/media/'

TEMPLATE_DIRS = (
    os.path.join(SETTINGS_DIR, "templates"),
)
TEMPLATE_CONTEXT_PROCESSORS = (
 .....
    # Extra for django-staticfiles.
    'staticfiles.context_processors.static_url'
......
)

INSTALLED_APPS (
.....
    'django.contrib.staticfiles',   
    'yourProjectName',
    'yourAppName',    
    'staticfiles',
.....

我会在你的 remplate (.html) 文件中添加这样的内容：

<link rel="stylesheet"
      href="{{ STATIC_URL }}iamapps/iamapps.css"
      type="text/css"
      media="screen, projection" />

顺便说一句，您放置模板目录的方式取决于....如果它属于您的应用程序（我猜主要是），则在您的应用程序路径中，如果它用于整个站点（项目），则在您的站点目录中

在你看来 .py 有两种方法可以做到这一点， 经典方式：（例如）

def home(request, template='principal/home.html'):

    logger.debug("Home view called by user %s" % request.user)
    return render_to_response(template,{},context_instance=RequestContext(request))

或基于类的视图：

class HomeView(TemplateView):
    template_name = "principal/home.html"

如果你想做得很好，在你的应用模板目录中创建一个基本模板并扩展这个模板，在你的 inici.html 中使用：

{% extends 'prinicpal/base.html' %}

在这里写一个完整的教程之前......这一切都取决于你定义什么以及你把它放在哪里。您的问题不包含所有信息来准确指出代码中的错误所在。

编辑 添加您的信息后，我将重建您的项目，并且它适用于以下设置： 与您在问题中给出的项目结构相同。

import os

RUTA_PROJECTE = os.path.dirname(os.path.realpath(__file__))
STATIC_ROOT = os.path.join(RUTA_PROJECTE,'static')
STATIC_URL = '/static/'
BUILDOUT_DIR = os.path.abspath(os.path.join(RUTA_PROJECTE, '..'))
DEBUG = False


TEMPLATE_DIRS = (
    os.path.join(RUTA_PROJECTE, "templates"),
)


TEMPLATE_CONTEXT_PROCESSORS = ( 
    'django.core.context_processors.debug',
    'django.core.context_processors.i18n',
    'django.core.context_processors.media',
    # Extra for django-staticfiles.
    'staticfiles.context_processors.static_url',

)


INSTALLED_APPS = (    
    'django.contrib.staticfiles',   
    'principal',
    'projecte',    
    'staticfiles',
) 

ROOT_URLCONF = 'projecte.urls'

编辑（31-12-2012）

并且不要忘记添加您的项目网址：

if settings.DEBUG:
    urlpatterns += patterns('',
        (r'', include('staticfiles.urls')),
    )