Django 官方文档write your first Django app --6
2017-01-11 23:48
232 查看
Writing your first Django app, part6
大型项目 – 特别是包含多个app的大型项目 –为每个app提供一套静态文件将会变得很棘手。这就是django.contrib.staticfiles存在的目的:它从每个app收集静态文件(或者你指定的其他位置),放入一个单独的地方让它能轻松为你的项目服务。
自定义你app的外观
首先,在你的polls文件夹下面创建一个文件夹,叫做static。Django的STATICFILES_FINDER设置包含了一队列的指示器,它指出了怎样从不同的资源处发现静态文件。有一个默认的finder叫做AppDirectoriesFinder,它从每一个INSTALLED_APPS的‘static’子目录下寻找文件。
在static文件夹下再创建一个polls文件夹,在里面创建一个style.css文件。换句话说,你的样式表的位置应该在polls/static/polls/style.css。
在css中加入代码:
polls/static/polls/style.css:
li a{ color: green; }
接下来打开html文件,引入css:
polls/templates/polls/index.html:
{% load static %} <link rel="stylesheet" type="text/css" href="{% static 'polls/style.css' %}" />
模版标签{% static %}生成指向静态文件的绝对路径。
现在载入http://localhost:8000/polls/,你会看到现在链接会变成绿色。
添加背景图片
接下来,我们创建一个文件夹叫做images,放在polls/static/polls/目录下,在里面放入一张图片,取名为background.gif,换句话说,现在你的图片在polls/static/polls/image/backgound.gifpolls/static/polls/style.css:
body { background: white url('image/background.gif') no_repeat right bottom; }
警告
{% static %}模版标签不适用于不是用Django生成的样式表,以后你需要一直使用相对路径来链接你的静态文件。因为这样可以方便你修改STATIC_URL而不用去修改一大堆你的静态文件路径。这些都很基础,如果想了解更多的框架细节,想知道怎么在服务器部署静态文件。请看the static files howto -|||- the staticfiles reference -|||- Deploying static files。
相关文章推荐
- Django 官方文档write your first Django app --3
- Django 官方文档write your first Django app --4
- Android官方文档翻译 二 1.Building Your First App
- 你好,Django之Writing your first Django app, part 1(记录文档)
- Your First iOS App--苹果官方iOS文档学习
- Android Studio官方文档之书编写你的App(Write Your App )
- Django 2.0.1 官方文档翻译: 编写你的第一个 Django app,第五部分(Page 10)
- Writing your first Django app, part 1
- 看完了Writing your first Django app, part 1,我的笔记(1)
- Writing your first Django app, part 2---IE的问题吗?费解
- Django 2.0.1 官方文档翻译: 编写你的第一个 Django app,第三部分(Page 8)
- Django 2.0.1 官方文档翻译: 编写你的第一个 Django app,第七部分(Page 12)
- [笔记]Writing your first Django app
- [翻译]Django1.11 Writing your first Django app, part 1
- Writing your first Django app--Django 第一步
- Writing your first Django app, part 1
- Django 2.0.1 官方文档翻译: 编写你的第一个 Django app,第二部分(Page 7)
- Django 2.0.1 官方文档翻译:编写你的第一个 Django app,第六部分(Page 11)
- Writing your first Django app, part 1(转)
- Django 2.0.1 官方文档翻译: 高级教程:如何编写可重用的app (page 13)