Django自定义外观

自定义应用程序的外观¶
首先,创建目录中调用static的polls目录。Django会在那里查找静态文件,类似于Django在其中找到模板的方式polls/templates/。

Django的STATICFILES_FINDERS设置包含一个知道如何从各种来源发现静态文件的查找器列表。其中一个默认值是AppDirectoriesFinder查找每个中的“静态”子目录 INSTALLED_APPS,就像polls我们刚刚创建的那个。管理站点对其静态文件使用相同的目录结构。

在static刚刚创建的目录中,创建另一个名为的目录,polls并在其中创建一个名为的文件style.css。换句话说,你的样式表应该是polls/static/polls/style.css。由于AppDirectoriesFinder静态文件查找器的工作原理,您可以简单地在Django中引用此静态文件polls/style.css,类似于引用模板路径的方式。

静态文件命名空间

就像模板一样,我们可能能够直接放入我们的静态文件polls/static(而不是创建另一个polls 子目录),但这实际上是个坏主意。Django将选择其名称匹配的第一个静态文件,如果在不同的应用程序中有一个具有相同名称的静态文件,Django将无法区分它们。我们需要能够将Django指向正确的,并且确保这一点的最简单方法是通过命名它们。也就是说,将这些静态文件放在为应用程序本身命名的另一个目录中。

将以下代码放在该stylesheet(polls/static/polls/style.css)中:

polls / static / polls /style.css¶
li a {
color: green;
}
接下来,在顶部添加以下内容polls/templates/polls/index.html:

民调/模板/调查/ index.html的¶
{% load static %}

该模板标签生成静态文件的绝对路径。{% static %}

这就是开发所需要做的一切。

启动服务器(如果已经运行,则重新启动它):

/ 
$ python manage.py runserver
重新加载http://localhost:8000/polls/,您应该看到问题链接是绿色(Django样式!),这意味着您的样式表已正确加载。

添加背景图像¶
接下来,我们将为图像创建一个子目录。images在polls/static/polls/目录中创建一个子目录。在此目录中,放置一个名为的图像background.gif。换句话说,把你的形象放进去 polls/static/polls/images/background.gif。

然后,添加到stylesheet(polls/static/polls/style.css):

polls / static / polls /style.css¶
body {
background: white url(“images/background.gif”) no-repeat;
}
重新加载http://localhost:8000/polls/,您应该看到屏幕左上角加载了背景。

警告

当然,模板标签不能用于像样式表那样不是由Django生成的静态文件。您应始终使用相对路径将静态文件链接到彼此之间,因为您可以更改(由 模板标记用于生成其URL),而无需修改静态文件中的一堆路径。{% static %}STATIC_URLstatic

这些是基础知识。有关框架中包含的设置和其他位的更多详细信息,请参阅 静态文件howto和 staticfiles引用。部署静态文件讨论了如何在真实服务器上使用静态文件。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值