Django ------ 静态文件的渲染(添加css,js,image)

对静态文件的渲染本质就是添加css,js,image

在配置文件setting.py中包含如下:
在这里插入图片描述
在官网中找到相应的内容:
在这里插入图片描述

然后,按照官网中的要求去写:

STATIC_URL = '/static/'     #url
STATICFILES_DIRS = [                #路径
    os.path.join(BASE_DIR, "static"),

]
注意:这个配置文件路径有个特别坑的地方
  • 如果你本身的文件夹名称为static,然后你更改为mystatic。 相应的你肯定会把,HTML文件中的路径中的static
  • 改为mystatic和STATICFILES_DIRS中的static 改为mystatic
  • 然后你会想通过,例如www.baidu.com/mystatic/css.index.html去访问这个css和js文件
这种方式是错误的!!!!

这个配置的本质是:

STATIC_URL = ‘/static/’ 等价于
当url中出现/static就到STATICFILES_DIRS指定的路径下查找到相应的静态文件

所以上述改完之后,应该通过www.baidu.com/static/css/index.html去访问
路径中有static,才会向下找mystatic(有了STATIC_URL中的路径,才会去找STATIC_DIRS中的路径)

其中一种执行情况如下,便于理解:
  • css文件和js文件是放在static文件夹下的
    在这里插入图片描述
  • 如果路径中有mystatic文件则去访问static文件夹
    在这里插入图片描述
  • 路径写的mystatic
    在这里插入图片描述
  • url为文件的url地址,路径为放置的路径
    在这里插入图片描述

如果感觉很奇怪,就ctrl + shift + delete 清楚浏览数据(chrome),在进行尝试

#模板使用静态文件,css,js,image

{%load static %}
<img src='{% static 'xxx/xx.jpg'%}'/>    #图片
<script src='{% static 'xxx/xx.js'%}'></script>		#js
<link href=''{% static 'xxx/xx.css'%} / >			#css
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值