详解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 Django模板的使用方法(图文)
Nov 04 Python
Python基于DES算法加密解密实例
Jun 03 Python
python获取当前目录路径和上级路径的实例
Apr 26 Python
PyQt5 对图片进行缩放的实例
Jun 18 Python
django框架中ajax的使用及避开CSRF 验证的方式详解
Dec 11 Python
如何使用python3获取当前路径及os.path.dirname的使用
Dec 13 Python
Tensorflow限制CPU个数实例
Feb 06 Python
基于Numba提高python运行效率过程解析
Mar 02 Python
使用python计算三角形的斜边例子
Apr 15 Python
python 中的命名空间,你真的了解吗?
Aug 19 Python
Python  Asyncio模块实现的生产消费者模型的方法
Mar 01 Python
Python实现老照片修复之上色小技巧
Oct 16 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
PHP的开发框架的现状和展望
2007/03/16 PHP
PHP 登录完成后如何跳转上一访问页面
2014/01/14 PHP
PHP根据图片色界在不同位置加水印的方法
2015/07/01 PHP
PHP使用正则表达式获取微博中的话题和对象名
2015/07/18 PHP
CentOS下与Apache连接的PHP多版本共存方案实现详解
2015/12/19 PHP
PHP弱类型的安全问题详细总结
2016/09/25 PHP
php基于curl重写file_get_contents函数实例
2016/11/08 PHP
向fckeditor编辑器插入指定代码的方法
2007/05/25 Javascript
基于jquery实现一张图片点击鼠标放大再点缩小
2013/09/29 Javascript
基于jQuery Bar Indicator 插件实现进度条展示效果
2015/09/30 Javascript
jQuery使用$.each遍历json数组的简单实现方法
2016/04/18 Javascript
onmouseover事件和onmouseout事件全面理解
2016/08/15 Javascript
js阻止冒泡和默认事件(默认行为)详解
2016/10/20 Javascript
AngularJS使用ng-Cloak阻止初始化闪烁问题的方法
2016/11/03 Javascript
微信小程序之仿微信漂流瓶实例
2016/12/09 Javascript
深入理解Node中的buffer模块
2017/06/03 Javascript
[原创]微信小程序获取网络类型的方法示例
2019/03/01 Javascript
JS秒杀倒计时功能完整实例【使用jQuery3.1.1】
2019/09/03 jQuery
Element Popover 弹出框的使用示例
2020/07/26 Javascript
windows 10下安装搭建django1.10.3和Apache2.4的方法
2017/04/05 Python
Python编程实战之Oracle数据库操作示例
2017/06/21 Python
Python使用Matplotlib实现雨点图动画效果的方法
2017/12/23 Python
Python OpenCV实现图片上输出中文
2018/01/22 Python
详解python uiautomator2 watcher的使用方法
2019/09/09 Python
解决Numpy中sum函数求和结果维度的问题
2019/12/06 Python
python 的numpy库中的mean()函数用法介绍
2020/03/03 Python
CSS3实例分享--超炫checkbox复选框和radio单选框
2014/09/01 HTML / CSS
详解android与HTML混合开发总结
2018/06/06 HTML / CSS
英国最大的在线照明商店:Litecraft
2020/08/31 全球购物
建筑文秘专业个人求职信范文
2013/12/28 职场文书
中学生获奖感言
2014/02/04 职场文书
师德师风承诺书
2014/05/23 职场文书
运动会加油稿100字
2014/09/19 职场文书
人事聘任通知
2015/04/21 职场文书
廉政承诺书范文
2015/04/28 职场文书
CSS3常见动画的实现方式
2021/04/14 HTML / CSS