详解Django模版中加载静态文件配置方法
作者:子钦加油 时间:2023-11-16 19:55:13
1、settings.INSTALLED_APPS下添加:django.contrib.staticfiles
2、settings.py下添加:STATIC_URL = '/static/'
3、
(1)在APP下新建文件夹static,然后在这个static文件夹下创建一个当前APP的名字的文件夹,再把静态文件放到这个文件夹下:(类似于Templates配置)
在模板中这样调用:
{% load static %}
<img src="{% static 'front/logo.jpg' %}">
(2)在项目下新建文件夹static,再新建和APP同名的文件夹,把该APP用到的静态文件,全放在这里面
如果有一些静态文件是不和任何APP挂钩的。那么可以在settings.py中添加STATICFILES_DIRS,以后DTL就会在这个列表的路径中查找静态文件。比如可以设置为:(类似于Templates配置)
STATICFILES_DIRS = [
os.path.join(BASE_DIR,"static")
]
在模板中这样调用:
{% load static %}
<link rel="stylesheet" href="{% static 'index.css' %}" rel="external nofollow" rel="external nofollow" rel="external nofollow" >
4、如果不想每次在模版中加载静态文件时都使用{% load static %},那么就把static标签变成Django内置标签:
(1)在settings.py中的TEMPLATES/OPTIONS下添加'builtins':['django.templatetags.static']
(2)在模板中就可以直接使用static标签
<img src="{% static 'front/logo.jpg' %}">
<link rel="stylesheet" href="{% static 'index.css' %}" rel="external nofollow" rel="external nofollow" rel="external nofollow" >
上面是详解,下面是我喜欢用的配置方式:
1、settings.INSTALLED_APPS下添加:django.contrib.staticfiles
2、settings.py下添加:STATIC_URL = '/static/'
3、settings.py下添加:(此处有的不是用[],而是小括号(),但是会报加载不进来错误)
STATICFILES_DIRS = [
os.path.join(BASE_DIR,"static")
]
4、在项目下新建文件夹static,再新建和APP同名的文件夹,把该APP用到的静态文件,全放在这里面
5、在settings.py中的TEMPLATES/OPTIONS
下添加'builtins':['django.templatetags.static']
6、在模板中使用静态文件
<img src="{% static 'front/logo.jpg' %}">
<link rel="stylesheet" href="{% static 'index.css' %}" rel="external nofollow" rel="external nofollow" rel="external nofollow" >
总结
以上所述是小编给大家介绍的详解Django模版中加载静态文件配置方法,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!
来源:https://www.cnblogs.com/zmdComeOn/archive/2019/07/21/11219956.html
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
数据库性能优化二:数据库表优化提升性能
![](https://img.aspxhome.com/file/2023/0/88270_0s.png)
python实现图片上添加图片
![](https://img.aspxhome.com/file/2023/3/107863_0s.jpg)
不同操作系统下的mysql数据库同步
vscode 配置 python3开发环境的方法
![](https://img.aspxhome.com/file/2023/3/111873_0s.png)
sql server 常用的几个数据类型
pycharm中显示CSS提示的知识点总结
![](https://img.aspxhome.com/file/2023/9/99599_0s.png)
python3.7环境下sanic-ext未生效踩坑解析
python实现搜索指定目录下文件及文件内搜索指定关键词的方法
js拖拽效果的原理及实现
Python实现爬虫设置代理IP和伪装成浏览器的方法分享
MySql模糊查询json关键字检索方案示例
![](https://img.aspxhome.com/file/2023/8/111418_0s.png)
js数字转换为float,取N位小数
XMLHttpRequest的浏览器兼容代码写法
Pytorch中的variable, tensor与numpy相互转化的方法
![](https://img.aspxhome.com/file/2023/5/101625_0s.png)
Python实现将目录中TXT合并成一个大TXT文件的方法
python递归下载文件夹下所有文件
简单易懂Pytorch实战实例VGG深度网络
python处理emoji表情(两个函数解决两者之间的联系)
![](https://img.aspxhome.com/file/2023/3/101133_0s.jpg)