Django 官方文档write your first Django app --6

本文介绍如何在Django应用中自定义外观,包括创建static目录存放静态文件,如style.css,用于改变链接颜色。接着,添加背景图片到images文件夹,并在CSS中引用。同时,警告说明{% static %}模板标签不适用于非Django生成的样式表,建议使用相对路径链接静态文件。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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.gif

polls/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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值