当前位置: 首页 > 面试题库 >

Django:CSS无法正常工作

巫煌
2023-03-14
问题内容

我对django还是陌生的,我的CSS工作有问题。
我按照链接的指示进行操作:Django静态链接教程,有关处理静态文件。但是它仍然无法正常工作。

设定值

# Absolute path to the directory static files should be collected to.
# Don't put anything in this directory yourself; store your static files
# in apps' "static/" subdirectories and in STATICFILES_DIRS.
# Example: "/home/media/media.lawrence.com/static/"
STATIC_ROOT = '/Users/a9austin/Development/sites/AlphaSocks/src/static_root/'

# URL prefix for static files.
# Example: "http://media.lawrence.com/static/"
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.
'/Users/a9austin/Development/sites/AlphaSocks/src/staticfiles'

)

视图

#from django.http import HttpResponse
from django.shortcuts import render_to_response


def index(request):
return render_to_response('index.html')

index.html

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

和目录组织

src-> staticfiles-> css-> style.css

非常感谢您的帮助和宝贵的时间!


问题答案:

为了让Django提供静态文件,你必须确保有几个设置。

STATIC_URL

此设置指定静态文件应映射到的URL。你已经完成了。

STATICFILES_DIRS

这指定了系统上Django应该在其中查找静态文件的所有文件夹。这个想法是,你的项目中可能有几个应用程序,每个应用程序可能需要一组不同的静态文件。因此,出于组织目的,每个应用程序可能都包含一个static目录,该目录将仅存储其静态文件。因此,Django必须拥有一种方法来知道这些目录在哪里。这就是该设置的目的。

STATIC_ROOT

此设置指定Django将所有静态文件复制到的位置,而不是静态文件已经存在的位置。这个想法是,一旦你将开发工作投入生产,Django便会由于问题而不再提供静态文件,我将不再在此处讨论(在本文中)。但是,对于生产而言,所有静态文件都应位于单个目录中,而不要位于中指定的许多目录中STATICFILES_DIRS。因此,此设置指定了Django STATICFILES_DIRS通过运行以下命令从所有文件中复制所有静态文件到的目录:

$ python manage.py collectstatic

请注意,只有在投入生产后这才是必需的,而且此处指定的目录不能与中指定的任何目录相同STATICFILES_DIRS。

Urls.py

在Django的开发中,为你的静态文件提供服务,你必须在urls.py中包含静态url:

from django.contrib.staticfiles.urls import staticfiles_urlpatterns

urlpatterns = ...

urlpatterns += staticfiles_urlpatterns()

完成上述所有操作后,只要有静态文件,就应继续提供DEBUG = True。在上面的列表中,你似乎只完成了STATIC_URL。另外请注意,我上面描述的所有步骤都在你在问题(link)中链接的文档中。一开始可能会有些混乱,但是如果你阅读几次,它将变得更加清晰。



 类似资料:
  • 问题内容: 因此,我的设置无法按我想要的方式工作。因此,每当我运行该程序时,它就会立即从0变为100。我尝试使用,任务,并尝试了,但没有任何尝试。 这是我的程序: @MadProgrammer这是我尝试做一名摆动工作人员并将每个名称写入文档并更新进度栏的尝试。该程序将达到86%左右并停止运行,永远不会创建完成的文档。该程序将创建一个空白文档。这是我首先创建的SwingWorker对象,这是两种方法

  • 问题内容: 我在JLayeredpane上有两个JPanels。其中一个显示pdf,重叠的一个具有透明背景(我使用过setOpaque(false))。现在,我可以将图形添加到透明面板中,这样看来我实际上是在注释pdf。我想要一个橡皮擦工具来删除这些注释。我尝试使用以下代码 其中path是由多条线构成的形状。现在,不是在先前的图形上绘制 透明线 ,而是绘制 黑线 。我要去哪里错了? 问题答案: 请

  • 问题内容: 这看起来有效,但无法正常工作。我希望菜单悬停时’huh’div不透明。我尝试了淡入/淡出效果,但效果很好,但只有一次很奇怪。 问题答案: 不带点使用:

  • 问题内容: 我正在编辑从tesseract ocr获得的一些电子邮件。 这是我的代码: 但是输出不正确。 输入: 输出: 但是,当我在每次替换后将结果分配给新的String时,它都能正常工作。为什么在同一字符串中连续分配不起作用? 问题答案: 您将在Javadoc中的String.replaceAll()中注意到,第一个参数是正则表达式。 句点()和管道()以及花括号()都有特殊的含义。您需要对它

  • 问题内容: 我正在编写3D绘画,但在Java中发现了问题。在代码的一部分中,它起作用了: 在另一种情况下,它不起作用: 你能告诉我如何使它工作吗?谢谢在我问之前,是的,它确实执行了那部分代码。 编辑: 哦,现在工作正常,谢谢 问题答案: 代替:

  • 问题内容: array_key_exists不适用于大型多维数组。对于前 array_key_exists(’test’,$ arr)返回’false’,但它可以与一些简单的数组一起使用。 问题答案: array_key_exists不能递归工作(正如MattiVirkkunen指出的那样)。看一下PHP手册,可以使用以下代码来执行递归搜索: