详解Django模版中加载静态文件配置方法


Posted in Python onJuly 21, 2019

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模版中加载静态文件配置方法,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Python 相关文章推荐
Python中运行并行任务技巧
Feb 26 Python
Python2.7简单连接与操作MySQL的方法
Apr 27 Python
用 Python 连接 MySQL 的几种方式详解
Apr 04 Python
Python实现SQL注入检测插件实例代码
Feb 02 Python
详解python-图像处理(映射变换)
Mar 22 Python
使用pyqt5 tablewidget 单元格设置正则表达式
Dec 13 Python
Python基于Tensor FLow的图像处理操作详解
Jan 15 Python
解决Python 异常TypeError: cannot concatenate 'str' and 'int' objects
Apr 08 Python
Django在Model保存前记录日志实例
May 14 Python
利用Vscode进行Python开发环境配置的步骤
Jun 22 Python
Pycharm安装Qt Design快捷工具的详细教程
Nov 18 Python
详解Python如何批量采集京东商品数据流程
Jan 22 Python
django数据库自动重连的方法实例
Jul 21 #Python
django使用django-apscheduler 实现定时任务的例子
Jul 20 #Python
python 自定义装饰器实例详解
Jul 20 #Python
Python 列表去重去除空字符的例子
Jul 20 #Python
python列表每个元素同增同减和列表元素去空格的实例
Jul 20 #Python
用Python配平化学方程式的方法
Jul 20 #Python
对python中的float除法和整除法的实例详解
Jul 20 #Python
You might like
VBScript版代码高亮
2006/06/26 Javascript
jQuery 入门讲解1
2009/04/15 Javascript
AJAX的跨域与JSONP(为文章自动添加短址的功能)
2010/01/17 Javascript
判断浏览器的javascript版本的代码
2010/09/03 Javascript
写了10年的Javascript也未必全了解的连续赋值运算
2011/03/25 Javascript
js Function类型
2011/12/04 Javascript
js DOM的学习笔记
2011/12/22 Javascript
js格式化货币数据实现代码
2013/09/04 Javascript
node.js中的fs.symlinkSync方法使用说明
2014/12/15 Javascript
jQuery实现的兼容性浮动层示例
2016/08/02 Javascript
jQuery插件WebUploader实现文件上传
2016/11/07 Javascript
微信小程序 中wx.chooseAddress(OBJECT)实例详解
2017/03/31 Javascript
javascript+html5+css3自定义提示窗口
2017/06/21 Javascript
ES6学习教程之块级作用域详解
2017/10/09 Javascript
JS使用Dijkstra算法求解最短路径
2019/01/17 Javascript
Node.js path模块,获取文件后缀名操作
2020/11/07 Javascript
python del()函数用法
2013/03/24 Python
PyMongo安装使用笔记
2015/04/27 Python
合并百度影音的离线数据( with python 2.3)
2015/08/04 Python
python简单实例训练(21~30)
2017/11/15 Python
浅析Python函数式编程
2018/10/06 Python
计算机二级python学习教程(3) python语言基本数据类型
2019/05/16 Python
详解Python中打乱列表顺序random.shuffle()的使用方法
2019/11/11 Python
Python笔记之观察者模式
2019/11/20 Python
Python处理PDF与CDF实例
2020/02/26 Python
Django nginx配置实现过程详解
2020/09/10 Python
Python Pivot table透视表使用方法解析
2020/09/11 Python
大学生求职简历的自我评价
2013/10/21 职场文书
分层教学实施方案
2014/03/19 职场文书
文秘专业应届生求职信
2014/05/26 职场文书
药店促销活动总结
2014/07/10 职场文书
领导班子作风建设剖析材料
2014/10/11 职场文书
2014年客房服务员工作总结
2014/11/18 职场文书
索赔员岗位职责
2015/02/15 职场文书
Go缓冲channel和非缓冲channel的区别说明
2021/04/25 Golang
Python selenium模拟网页点击爬虫交管12123违章数据
2021/05/26 Python