django - 基本模板中的静态文件答案

【问题标题】：django - static files in base templatedjango - 基本模板中的静态文件
【发布时间】：2013-01-23 23:32:11
【问题描述】：

如何使基础模板使用静态文件，并使继承基础模板的其他模板使用相同的静态文件？

正如我在 django 文档中所读到的，它写了如何使用用于特定应用程序的静态文件。但我似乎找不到让它使用外部应用程序的静态文件的方法。

给定的应用继承了所有东西，除了静态文件。

我的设置.py：

STATIC_URL = '/static/'

# Additional locations of static files
STATICFILES_DIRS = (
    # Put strings here, like "/home/html/static" or "C:/www/django/static".
    # Always use forward slashes, even on Windows.
    # Don't forget to use absolute paths, not relative paths.

)

# List of finder classes that know how to find static files in
# various locations.
STATICFILES_FINDERS = (
    'django.contrib.staticfiles.finders.FileSystemFinder',
    'django.contrib.staticfiles.finders.AppDirectoriesFinder',
#    'django.contrib.staticfiles.finders.DefaultStorageFinder',
)
INSTALLED_APPS = (    
'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.sites',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'south',
    'myproject.apps.finance',
    'myproject.apps.base',
    'django.contrib.admin',
  )

TEMPLATE_CONTEXT_PROCESSORS = (
    'django.core.context_processors.debug',
    'django.core.context_processors.i18n',
    'django.core.context_processors.media',
    'django.core.context_processors.static',
    'django.contrib.auth.context_processors.auth',
    'django.contrib.messages.context_processors.messages',
)

这是我当前的主页设置：

主页网址：

from django.conf.urls import patterns, include, url
from myproject.views import hello

urlpatterns = patterns('',
   ('', hello),
)

主页视图：

from django.shortcuts import render_to_response
from django.http import Http404, HttpResponse
import datetime

def hello(request):
    hello = "Hello World"
    return render_to_response('home/home.html', {'hello': hello})

主页模板：

{% extends "base/base.html" %}

{% block title %} My Homepage {% endblock %}
{% block content %}
<p>I say {{ hello }}</p>

{% endblock %}

基本模板：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en">
<head>
    <link rel="stylesheet" href="{{ STATIC_URL }}/css/style.css">
    <title>{% block title %}{% endblock %}</title>
</head>
<body>
    <h1>My Personal Finance Site</h1>
    {% block content %}{% endblock %}
    {% block footer %}
    <section class="divider1">
    <p>Thanks for visiting my site.</p>
    <p>All rights reserved</p>
    </section>
    {% endblock %}
</body>
</html>

我的 CSS 文件位于名为 base 的空项目中。但我认为可能有更好的方法来使用给定应用程序之外的静态文件。

那么，将基本模板与 css 文件链接以生成其他模板的最佳方法是什么？

【问题讨论】：

标签： python html css django

【解决方案1】：

base.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en">
<head>
    {% block css %}
    <link rel="stylesheet" href="{{ STATIC_URL }}/css/style.css">
    {% endblock %}
    <title>{% block title %}{% endblock %}</title>
</head>
<body>
    <h1>My Personal Finance Site</h1>
    {% block content %}{% endblock %}
    {% block footer %}
    <section class="divider1">
    <p>Thanks for visiting my site.</p>
    <p>All rights reserved</p>
    </section>
    {% endblock %}
</body>
</html>

page.html

{% extends "base/base.html" %}

{% block title %} My Homepage {% endblock %}

{% block css %}{{block.super}}
//put css here
{% endblock %}

{% block content %}
<p>I say {{ hello }}</p>

{% endblock %}

urls.py

from django.conf.urls import patterns, include, url
from django.conf.urls.static import static
from django.contrib import admin
from django.contrib.staticfiles.urls import staticfiles_urlpatterns

from project_name import settings

admin.autodiscover()

urlpatterns = patterns('',
   .......
) + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

urlpatterns += staticfiles_urlpatterns()

settings.py

import os
import sys

..........................

SITE_ROOT = os.path.dirname(__file__)
sys.path.insert(0, os.path.join(SITE_ROOT, 'app_name'))

MEDIA_ROOT = os.path.join(SITE_ROOT, 'media')
MEDIA_URL = '/media/'

STATIC_ROOT = os.path.join(SITE_ROOT, 'static')
STATIC_URL = '/static/'

STATICFILES_DIRS = (
   # Put strings here, like "/home/html/static" or "C:/www/django/static".
   # Always use forward slashes, even on Windows.
   # Don't forget to use absolute paths, not relative paths.
   os.path.join(SITE_ROOT, 'staticfiles'),
)

TEMPLATE_DIRS = (
   # Put strings here, like "/home/html/django_templates" or "C:/www/django/templates".
   # Always use forward slashes, even on Windows.
   # Don't forget to use absolute paths, not relative paths.
   os.path.join(SITE_ROOT, 'templates'),
)

....................

【讨论】：

它给你的代码错误。这是因为 block.super 没有结束标签。另外，当 base.html 没有活动的应用程序时，它如何知道在哪里可以找到 static_url？难道不应该有办法在应用程序之外找到此类静态文件吗？
其实是因为你的 {{endblock}} 写错了。它应该是 {% endblock %}。它也不起作用。它不与 css 文件链接。
对不起，我的 css endblock 错误，但我现在更新它。要查找文件，只需使用 {{STATIC_URL}}。
所以问题是。它如何知道在哪里寻找静态目录？因为基本模板没有它的应用程序（或者换句话说，它没有被使用）。我使用了 STATIC_URL，但它没有找到它。基本模板仅用于继承。
你的base.html没有问题，即使它被用作main/base，你也可以调用静态文件。问题是您如何在 settings.py 和 urls.py 中调用路径。问题出在那个文件中

【解决方案2】：

确保模板标签“{% load static %}”位于 .html 文件的顶部。这将加载您的静态文件夹。

样本

{% load static %}
{% extends "base/base.html" %}

{% block title %} My Homepage {% endblock %}

{% block css %}{{block.super}}
//put css here
{% endblock %}

{% block content %}
<p>I say {{ hello }}</p>
{% endblock %}

【讨论】：