django - 基模板中的静态文件

9 投票

2 回答

9997 浏览

数据工程师

提问于 2025-04-17 15:13

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

我在Django的文档中看到，里面讲了如何使用特定应用的静态文件。但是我找不到方法让它使用应用外的静态文件。

虽然给定的应用可以继承所有内容，但静态文件除外。

这是我的settings.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',
)

这是我当前主页的设置：

主页的URL：

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文件链接起来，让其他继承基础模板的模板也能使用相同的CSS文件配置呢？

django 模板继承视图管理静态文件 settings.py 基础模板应用结构 CSS配置

2 个回答

-1

确保在你的 .html 文件的最顶部有这个模板标签 "{% load static %}"。这样可以加载你的静态文件夹。

示例

{% 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 %}

回答于 2025-04-17 由 Python大师

分享举报

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'),
)

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

回答于 2025-04-17 由 Python大师

分享举报

django - 基模板中的静态文件

2 个回答

撰写回答