【愚公系列】2021年12月 Python教学课程 38-Django框架之静态文件

本文介绍了Django项目中静态文件如CSS、图片、js的管理。静态文件通常存放在独立的目录,并通过STATIC_URL和STATICFILES_DIRS进行配置。示例中展示了如何在settings.py中设置这两个参数,以及如何在模板中使用load标签加载static标签来引用静态文件。通过配置,可以在浏览器中直接访问静态资源。
摘要由CSDN通过智能技术生成


一、静态文件

项目中的CSS、图片、js都是静态文件。一般会将静态文件放到一个单独的目录中,以方便管理。在html页面中调用时,也需要指定静态文件的路径,Django中提供了一种解析的方式配置静态文件路径。静态文件可以放在项目根目录下,也可以放在应用的目录下,由于有些静态文件在项目中是通用的,所以推荐放在项目的根目录下,方便管理。

为了提供静态文件,需要配置两个参数:

  • STATICFILES_DIRS存放查找静态文件的目录
  • STATIC_URL访问静态文件的URL前缀

示例
1) 在项目根目录下创建static目录来保存静态文件。

2) 在bookmanager/settings.py中修改静态文件的两个参数为

#内部路径访问
STATIC_URL = '/static/'
#告诉静态资源在哪里STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'static'),
]

3)此时在static添加的任何静态文件都可以使用网址/static/文件在static中的路径来访问了。

例如,我们向static目录中添加一个index.html文件,在浏览器中就可以使用127.0.0.1:8000/static/index.html来访问。

或者我们在static目录中添加了一个子目录和文件book/detail.html,在浏览器中就可以使用127.0.0.1:8000/static/book/detail.html来访问。

二、静态文件使用

在模板中使用load标签加载static标签 (static非django内置标签,故需用load标签加载),再将对应的src、href属性的值替换为static标签,static标签会在所有app下的static文件夹查找静态文件。 示例:

{% load static %}
<link rel="stystle" href="{% static 'style.css' %}">
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

愚公搬代码

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

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

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

打赏作者

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

抵扣说明:

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

余额充值