Django自定义外观
自定义
4000
应用程序的外观¶
首先,创建目录中调用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 %}
这就是开发所需要做的一切。
启动服务器(如果已经运行,则重新启动它):
/
$ 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引用。部署静态文件讨论了如何在真实服务器上使用静态文件。
- django 自定义标签和过滤器
- django 自定义auth的中间件的验证
- 自定义RCP外观
- 自定义Django的Decorators
- 继续聊WPF——自定义CheckBox控件外观
- django自定义signal的发送和接收样例
- Django入门教程(五)自定义模板标签和过滤器
- django “如何”系列5:如何编写自定义存储系统
- Django admin 自定义Choice_field
- 编写第一个Django app之自定义管理员功能
- django自定义Field实现一个字段存储以逗号分隔的字符串
- Django 中自定义 tag 如何获取变量参数的值
- Django 中如何针对自定义的 View 做分页显示
- Django中利用filter与simple_tag为前端自定义函数的实现方法
- django 自定义模板标签和过滤器
- Django自定义插件实现网站登录验证码功能
- django 没有设置404错误页面的时候 ,尽量自定义404页面
- Django 中 form 表单如何用 view.py 关联到自定义 html 上
- android - 自定义(组合)控件 + 自定义控件外观
- python Django框架实现自定义表单提交