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博客

相关推荐
爱睡懒觉的焦糖玛奇朵6 小时前
【从视频到数据集:焦糖玛奇朵的魔法工具使用说明】
人工智能·python·深度学习·学习·算法·yolo·音视频
yangshicong7 小时前
第11章:结构化输出与数据提取 —— 让 AI 直接返回你想要的数据格式
数据库·人工智能·redis·python·langchain·ai编程
言之。8 小时前
【Python】免费的中文 AI 配音方案
开发语言·人工智能·python
Warson_L8 小时前
python dict key详解
python
天天进步20158 小时前
Python全栈项目:从零手操一个高性能 API 网关
开发语言·python
安生生申9 小时前
使用pygame实现2048
开发语言·python·pygame
徐图图不糊涂10 小时前
搭建简易版的Rag系统
python·pycharm
灰灰勇闯IT10 小时前
pyasc:用 Python 调用 CANN 的推理能力
开发语言·python
明月_清风11 小时前
FastAPI 从入门到实战:3 分钟构建高性能异步 API
后端·python·fastapi
bellus-11 小时前
ubuntu26测试win10的ollama大模型性能
python