django加载静态文件(JS,CSS,图片)

概述:django项目和以前开发的java项目有些区别,django的setting.py可以配置前端代码的引入静态文件的信息。有遇到一个问题,已经可以加载html页面了,但是加载不了静态文件。
在这里插入图片描述
后来在setting.py文件代码的下方看到了django有专门配置加载静态文件方法,并在注释中可以前往官方文档,关于介绍如何加载静态文件。
在这里插入图片描述
可以前往官方文档看下介绍,网站通常需要提供其他文件,例如图像、JavaScript 或 CSS。在 Django 中,我们将这些文件称为“静态文件”。Django 提供 django.contrib.staticfiles帮助您管理它们。
在这里插入图片描述
在这里插入图片描述
实现加载静态文件步骤:
一,用STATICFILES_DIRS在设置文件中定义目录列表 ( )。

# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/4.0/howto/static-files/

STATIC_URL = 'static/'
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'polls/static'),
]
# De

在这里插入图片描述
二,安装官方文档的写法修改html文件,加载static。

{% load static %}

然后修改html中加载静态CSS,JS,图片的路径。

<link rel="stylesheet" type="text/css" href="{% static 'css/reset.css'%}" />

在这里插入图片描述
三,用浏览器访问。
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

ChenWenKen

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

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

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

打赏作者

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

抵扣说明:

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

余额充值