Django 入门学习总结7-静态文件管理

本文介绍了如何在DjangoWeb框架中管理静态文件,包括创建、配置文件路径、引用样式和图片,并通过`runserver`命令测试。详细步骤展示了如何处理CSS和图片资源的加载。

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

Django Web框架有关门的静态文件管理机制。

首先,在polls文件夹中创建static文件,Django 将会自动地在这里查询静态文件。

Django 框架在配置 STATICFILES_FINDERS中,指出了一系列静态文件所在位置。

依据配置 INSTALLED_APPS 的名称来查询静态文件所在的位置。

比如样式文件的位置为:polls/static/polls/style.css,我们可以使用polls/style.css来参考这个静态文件。

新建文件polls/static/polls/style.css,并添加以下内容:

li a {
        color: green;
    }

在polls/templates/polls/index.html文件的最顶部添加以下内容:

{% load static %}

    <link rel="stylesheet" href="{% static 'polls/style.css' %}">

load static 表示添加静态文件的绝对路径。

使用python manage.py runserver命令测试效果。我们可以看到页面已变为绿色,并且在网页地址栏中可以链接到样式文件,如下图所示。

在polls/static/polls/中新建images文件夹。添加图片文件background.png到polls/static/polls/images位置下。

在polls/static/polls/style.css样式文件中添加以下的内容:

body {
        background: white url("images/background.png") no-repeat;
    }

重新输入网址http://localhost:8000/polls/,则可以看到背景图片效果。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

computerclass

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值