详解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 相关文章推荐
Using Django with GAE Python 后台抓取多个网站的页面全文
Feb 17 Python
Python模拟登陆淘宝并统计淘宝消费情况的代码实例分享
Jul 04 Python
Python序列化基础知识(json/pickle)
Oct 19 Python
Python实现通讯录功能
Feb 22 Python
VScode编写第一个Python程序HelloWorld步骤
Apr 06 Python
对python实现模板生成脚本的方法详解
Jan 30 Python
Scrapy框架爬取西刺代理网免费高匿代理的实现代码
Feb 22 Python
使用Python创建简单的HTTP服务器的方法步骤
Apr 26 Python
pytorch GAN生成对抗网络实例
Jan 10 Python
python 对任意数据和曲线进行拟合并求出函数表达式的三种解决方案
Feb 18 Python
Python基于类路径字符串获取静态属性
Mar 12 Python
Python如何向SQLServer存储二进制图片
Jun 08 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中的观察者模式
2010/03/24 PHP
使用Apache的htaccess防止图片被盗链的解决方法
2013/04/27 PHP
PHP实现搜索地理位置及计算两点地理位置间距离的实例
2016/01/08 PHP
php记录搜索引擎爬行记录的实现代码
2018/03/02 PHP
Laravel用户授权系统的使用方法示例
2018/09/16 PHP
PHP将英文数字转换为阿拉伯数字实例讲解
2019/01/28 PHP
提高网站性能之 如何对待JavaScript
2009/10/31 Javascript
jQuery学习3:操作元素属性和特性
2010/02/07 Javascript
node.js中的fs.lchownSync方法使用说明
2014/12/16 Javascript
jquery+css3实现会动的小圆圈效果
2016/01/27 Javascript
BootStrap中的表单大全
2016/09/07 Javascript
将鼠标焦点定位到文本框最后(代码分享)
2017/01/11 Javascript
基于jQuery实现简单人工智能聊天室
2017/02/10 Javascript
详解基于vue-cli配置移动端自适应
2018/01/13 Javascript
微信小程序自定义toast弹窗效果的实现代码
2018/11/15 Javascript
vue-router实现嵌套路由的讲解
2019/01/19 Javascript
基于layui轮播图满屏是高度自适应的解决方法
2019/09/16 Javascript
Vue 打包体积优化方案小结
2020/05/20 Javascript
超详细小程序定位地图模块全系列开发教学
2020/11/24 Javascript
python 第三方库的安装及pip的使用详解
2017/05/11 Python
python 中的divmod数字处理函数浅析
2017/10/17 Python
pandas使用apply多列生成一列数据的实例
2018/11/28 Python
Python自动抢红包教程详解
2019/06/11 Python
基于python的itchat库实现微信聊天机器人(推荐)
2019/10/29 Python
python爬虫爬取图片的简单代码
2021/01/18 Python
Ann Taylor官方网站:美国最大的女性产品制造商之一
2016/09/14 全球购物
梅西百货澳大利亚:Macy’s Australia
2017/07/26 全球购物
德国的大型美妆个护电商:Flaconi
2020/06/26 全球购物
中英文自我评价常用句型
2013/12/19 职场文书
酒店采购员岗位职责
2014/03/14 职场文书
另类冲刺标语
2014/06/24 职场文书
小学生清明节演讲稿
2014/09/05 职场文书
基层领导干部“四风”问题批评与自我批评
2014/09/23 职场文书
学校扫黄打非工作总结
2015/10/15 职场文书
uwsgi+nginx代理Django无法访问静态资源的解决
2021/05/10 Servers
Vue Element-ui表单校验规则实现
2021/07/09 Vue.js