当前位置:   article > 正文

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

django加载静态文件

概述: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
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8

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

{% load static %}
  • 1

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

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

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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/凡人多烦事01/article/detail/489458
推荐阅读
相关标签
  

闽ICP备14008679号