Django模板继承不提供css？
Posted
技术标签:
【中文标题】Django模板继承不提供css？【英文标题】：Django template inheritance delivers no css? 【发布时间】：2011-12-19 21:45:55 【问题描述】：在我的 django 项目中，在我的开发环境中工作时，有一些我不理解的神秘（至少对我作为初学者而言）输出。 我想有一个基本模板，其中包含静态媒体文件夹中的样式表......到目前为止这有效......但仅针对地址http://localhost/，所有其他 url 都有一个从基本模板继承的模板。
现在http://localhost/ 的样式表看起来不错...如果我转到http://localhost/hello/，包含的样式表有一个完整的html DOM 结构，包括正文、文档类型等。这是为什么？他以某种方式解析了一个 html 站点，而不是获取 css 文件...
这是我的代码：有什么想法吗？
urls.py:
from django.views.static import *
from django.conf import settings
admin.autodiscover()
urlpatterns = patterns('',
('^$',home_view),
('^hello/$', hello),
(r'^admin/', include(admin.site.urls)),
('^useragent/$',ua_display_good1),
(r'^media/(?P<path>.*)$', 'django.views.static.serve',
)
views.py
from django.http import HttpResponse
from django.shortcuts import render_to_response
def hello(request):
pagetitle = "Hello World"
return render_to_response('hello.tpl', 'pagetitle': pagetitle)
def home_view(request):
pagetitle = "Something"
return render_to_response('home.tpl', 'pagetitle': pagetitle)
def ua_display_good1(request):
try:
ua = request.META['REMOTE_ADDR']
except KeyError:
ua = 'unknown'
return render_to_response('base.tpl','ageone': ua)
基本模板：
<!DOCTYPE html>
<html lang="de">
<meta name="description=" content="metadescription">
<head>
<link rel="stylesheet" type="text/css" href="media/style.css">
<title>% block title %pagetitle% endblock %</title>
</head>
<body>
<h1>% block h1 %ageone% endblock %</h1>
% block content %% endblock %
% block footer %% include "footer.tpl" %
% endblock %
</body>
</html>
你好模板：
% extends "base.tpl" %
% block h1 %Home% endblock %
% block content %Welcome% endblock %
【问题讨论】：
【参考方案1】：可能是因为您对 CSS 文件有相对引用。
尝试改变：
<link rel="stylesheet" type="text/css" href="media/style.css">
到
<link rel="stylesheet" type="text/css" href="/media/style.css">
所以它总是在根目录中查找 media/style.css
【讨论】：
就是这样！但我不明白这个问题......他用根斜线获取数据而不只是显示它？坦克很多！【参考方案2】：现在您已将指向 css 的链接设置为相对 "media/style.css"。在 home 中，它解析为 "/media/style.css"，但在 hello 中，它解析为 "/hello/media/style.css"（它给出了 hello 页面）。
只需像这样使用绝对 css 链接："/media/style.css"。
【讨论】：
【参考方案3】：包含样式表的正确方法是
<link rel="stylesheet" type="text/css" href=" MEDIA_URL style.css">
【讨论】：
【参考方案4】：如果这仍然不起作用..我的 css 文件名是 Stylesheet.css，我将其链接为 css/Stylesheet.css ..它不起作用...然后我将其更改为 css/Stylesheet.CSS ..它工作
【讨论】：
【参考方案5】：将 href="media/style.css" 更改为 href="media/style.CSS" 即可。
【讨论】：
以上是关于Django模板继承不提供css？的主要内容，如果未能解决你的问题，请参考以下文章
Django4.3_templates模板之继承标签extends和include添加标签
Django中模板总结[模板语言，模板继承，CSRF攻击，反向解析]
Django（十五）模板详解：模板标签过滤器模板注释模板继承html转义