django静态文件命名空间

本篇继续使用投票项目学习,关于投票应用更多内容,请查看

Django创建投票应用-CSDN博客

目录结构

在 polls 目录下创建一个名为 static 的目录。Django 将在该目录下查找静态文件,这种方式和 Diango 在 polls/templates/ 目录下查找 template 的方式类似。

📌Django 的 STATICFILES_FINDERS 设置包含了一系列的查找器,它们知道去哪里找到 static 文件。AppDirectoriesFinder 是默认查找器中的一个,它会在每个 INSTALLED_APPS 中指定的应用的子文件中寻找名称为 static 的特定文件夹,就像我们在 polls 中刚创建的那个一样。管理后台采用相同的目录结构管理它的静态文件。

在 polls 文件夹中创建一个名为 style.css 的文件。样式表路径应是 polls/static/polls/style.css。因为 AppDirectoriesFinder 的存在,所以可以在 Django 中以 polls/style.css 的形式引用此文件,类似引用模板路径的方式。

📌虽然我们 可以 像管理模板文件一样,把静态文件直接放入 static (而不是创建static/polls 的子文件夹),不过这实际上是一个很蠢的做法。Django 只会使用第一个找到的静态文件。如果你在 其它 应用中有一个相同名字的静态文件,Django 将无法区分它们。我们需要指引 Django 选择正确的静态文件,而最好的方式就是把它们放入各自的 命名空间 。也就是把这些静态文件放入 另一个 与应用名相同的目录中。

为应用创建样式文件polls/static/polls/style.css

css 复制代码
li a {
    color: green;
}

在 polls/templates/polls/index.html 的文件头添加以下内容

html 复制代码
{% load static %}

<!DOCTYPE html>

<html lang="zh">

<head>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="{% static 'polls/style.css' %}">

</head>

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

为应用添加图片

接下来,我们将为图像创建一个子目录。 在 polls/static/polls/ 目录中创建 images 子目录。 在此目录中,添加应用需要的任何图像文件。 如使用一个名为"background.png"的文件,它的完整路径为"polls/static/polls/images/background.png"。

然后,在样式表中添加对图像的引用(polls/static/polls/style.css)

html 复制代码
body {
    background: white url("images/background.png") no-repeat;
}

📌{% static %} 模板标签在静态文件(例如样式表)中是不可用的,因为它们不是由 Django 生成的。你应该始终使用 相对路径 在你的静态文件之间相互引用,因为这样你可以更改 STATIC_URL (由 static 模板标签使用来生成 URL),而无需修改大量的静态文件。

当前项目的目录结构

  • my_site_env (conda环境)
  • mysite (django项目)
    • mysite
    • polls
      • templates
        • polls
      • static
        • polls
          • images

关于在指定位置创建项目环境,更多内容请看

用Anaconda Prompt管理conda环境-CSDN博客

相关推荐
掘技术15 分钟前
十个 Python 案例分享
python
dreams_dream1 小时前
企业级 Django 日志配置示例
数据库·django·sqlite
ZZHow10242 小时前
02OpenCV基本操作
python·opencv·计算机视觉
计算机学长felix2 小时前
基于Django的“酒店推荐系统”设计与开发(源码+数据库+文档+PPT)
数据库·python·mysql·django·vue
站大爷IP2 小时前
Python随机数函数全解析:5个核心工具的实战指南
python
悟乙己2 小时前
使用 Python 中的强化学习最大化简单 RAG 性能
开发语言·python·agent·rag·n8n
max5006002 小时前
图像处理:实现多图点重叠效果
开发语言·图像处理·人工智能·python·深度学习·音视频
AI原吾3 小时前
玩转物联网只需十行代码,可它为何悄悄停止维护
python·物联网·hbmqtt
云动雨颤3 小时前
Python单元测试入门:3个核心断言方法,帮你快速定位代码bug
python·单元测试
SunnyDays10113 小时前
Python 实现 HTML 转 Word 和 PDF
python·html转word·html转pdf·html转docx·html转doc