详解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和Ruby中each循环引用变量问题(一个隐秘BUG?)
Jun 04 Python
python opencv检测目标颜色的实例讲解
Apr 02 Python
对Python中range()函数和list的比较
Apr 19 Python
python中的插值 scipy-interp的实现代码
Jul 23 Python
Python之inspect模块实现获取加载模块路径的方法
Oct 16 Python
Python3使用TCP编写一个简易的文件下载器功能
May 08 Python
记录Python脚本的运行日志的方法
Jun 05 Python
python3+django2开发一个简单的人员管理系统过程详解
Jul 23 Python
Python 使用 Pillow 模块给图片添加文字水印的方法
Aug 30 Python
Python如何避免文件同名产生覆盖
Jun 09 Python
Python3接口性能测试实例代码
Jun 20 Python
PyMongo 查询数据的实现
Jun 28 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
我的论坛源代码(十)
2006/10/09 PHP
PHP多例模式介绍
2013/06/24 PHP
php快速排序原理与实现方法分析
2016/05/26 PHP
php使用get_class_methods()函数获取分类的方法
2016/07/20 PHP
php抽象类和接口知识点整理总结
2019/08/02 PHP
js,jQuery 排序的实现代码,网页标签排序的实现,标签排序
2011/04/27 Javascript
使用JSLint提高JS代码质量方法分享
2013/12/16 Javascript
JavaScript的strict模式与with关键字介绍
2014/02/08 Javascript
JavaScript中操作字符串之localeCompare()方法的使用
2015/06/06 Javascript
JavaScript中数据结构与算法(四):串(BF)
2015/06/19 Javascript
JavaScript常用字符串与数组扩展函数小结
2016/04/24 Javascript
js和jQuery设置Opacity半透明 兼容IE6
2016/05/24 Javascript
javascript基本语法
2016/05/31 Javascript
jQuery Easyui使用(二)之可折叠面板动态加载无效果的解决方法
2016/08/17 Javascript
详解Angular 4.x 动态创建组件
2017/04/25 Javascript
微信小程序学习之数据处理详解
2017/07/05 Javascript
深入浅析vue组件间事件传递
2017/12/29 Javascript
微信小程序如何获取用户手机号
2018/01/26 Javascript
vue2.0 移动端实现下拉刷新和上拉加载更多的示例
2018/04/23 Javascript
详解vue引入子组件方法
2019/02/12 Javascript
详解在Vue.js编写更好的v-for循环的6种技巧
2020/04/14 Javascript
详解微信小程序(Taro)手动埋点和自动埋点的实现
2021/03/02 Javascript
python时间日期函数与利用pandas进行时间序列处理详解
2018/03/13 Python
对Python模块导入时全局变量__all__的作用详解
2019/01/11 Python
python opencv鼠标事件实现画框圈定目标获取坐标信息
2020/04/18 Python
详解Django3中直接添加Websockets方式
2020/02/12 Python
一篇文章带你学习CSS3图片边框
2020/11/04 HTML / CSS
什么是SQL Server的确定性函数和不确定性函数
2016/08/04 面试题
弘扬职业精神演讲稿
2014/03/20 职场文书
个人师德师风自我剖析材料
2014/09/29 职场文书
工作疏忽检讨书500字
2014/10/26 职场文书
考研英语复习计划
2015/01/19 职场文书
教师求职自荐信范文
2015/03/04 职场文书
从事会计工作年限证明
2015/06/23 职场文书
Python 数据可视化之Seaborn详解
2021/11/02 Python
 Python 中 logging 模块使用详情
2022/03/03 Python