django-配置静态文件路径

本文详细介绍了在Django项目中如何管理和配置静态资源,包括图片、样式文件和JS文件的存放位置及正确引用方法。

基本的网页增删改查完成了

为了更好看,需要插入图片,导入样式文件和JS文件

但,这些静态的资源,放在哪里?

如何让django可以识别?

本节详细介绍

准备工作

即然要存静态文件

得有一个目录存放吧

  • 在项目目录下创建一个目录,用于存放静态资料

在这里插入图片描述
如图示,可创一个static目录(名字随便起)

接下来,配置一下,让django可以识别到这个目录

静态文件的配置

在项目同名夹下

找到settings.py

在最底部,看见有

STATIC_URL

这里就是配置静态的位置

我们可以接着在这里写代码

记住正确的写法

.
115-117行是我们需要新增的

static,静态的
files,文件,名词复数形式。 file,文件,名词单数形式
dirs,目录,名词复数形式。 dir,目录

常量形式来写出

STATICFILES_DIRS = (路径1,路径2)
在这里插入图片描述

作为元组容器,只有一个成员的时候,不可以漏掉逗号

否则报错

说明:

配置中拼词,关系要对应

在这里插入图片描述

对比,演示一个错误的写法

在这里插入图片描述
上演一个错误的代码

这样子写会在后面引起一个错误

在这里插入图片描述

应用一下

  1. 配置路由关系,搞个路径来看带图的网页
  2. 视图函数返回一个带图的html文件
  3. 看到图

路由关系的设置

在这里插入图片描述

视图函数

视图函数返回了mengtai.html页面
在这里插入图片描述

关键点,在前端页面中如何正确的使用静态目录下的内容

重点在路径怎么写?

先弄明白对应关系

在这里插入图片描述

验证

STATIC_URL 的功能
STATIC_URL 它绑定了静态目录的路径

实践体验

在这里插入图片描述
在这里插入图片描述

最终页面上显示的图片路径

在这里插入图片描述

跳过路由与视图

最终显示的效果

在这里插入图片描述

加载jquery同理

在这里插入图片描述
加载好后就可以正常的使用jquery文件了

### 静态文件路径配置Django配置静态文件路径,需要确保 `settings.py` 文件中设置了 `STATIC_URL` 和 `STATIC_ROOT`,以便 Django 能够识别和收集静态文件。`STATIC_URL` 是静态文件的 URL 路径,默认情况下设置为 `/static/`,表示静态文件的访问路径为 `/static/` [^1]。 ```python import os from pathlib import Path BASE_DIR = Path(__file__).resolve().parent.parent # 静态文件URL路径 STATIC_URL = '/static/' # 静态文件存储目录 STATIC_ROOT = os.path.join(BASE_DIR, 'static') ``` 如果希望 Django 在开发环境中也能正确加载静态文件,则需要配置 `STATICFILES_DIRS`,指定额外的静态文件查找路径。例如,可以将静态文件统一存放在项目根目录下的 `static` 文件夹中,并将其添加到 `STATICFILES_DIRS` 中: ```python STATICFILES_DIRS = ( os.path.join(BASE_DIR, 'static'), ) ``` 这样,Django 会从 `STATICFILES_DIRS` 指定的目录中查找静态文件,并通过 `collectstatic` 命令将其复制到 `STATIC_ROOT` 目录中 [^3]。 执行 `collectstatic` 命令后,Django 会将所有应用的静态文件集中到 `STATIC_ROOT` 指定的目录中,确保在生产环境中能够被正确访问: ```bash python manage.py collectstatic ``` 在 Nginx 环境下,还需要配置静态文件的访问路径,确保 Nginx 能够正确地提供静态资源服务。通常,需要在 Nginx 的配置文件中添加 `location /static` 块,并使用 `alias` 指向 `STATIC_ROOT` 所在的目录: ```nginx location /static { alias /path/to/your/static; } ``` 完成上述配置后,重新加载 Nginx 配置以确保更改生效: ```bash sudo nginx -s reload ``` 通过以上配置Django 应用在开发和生产环境中都能正确识别和加载静态文件--- ###
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

鲸鱼编程pyhui

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

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

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

打赏作者

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

抵扣说明:

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

余额充值