Python后端Flask、Django分别如何在html模板中引⼊css、js等static资源问题描述:
之前⼀直做的前端,写页⾯的时候像css、js这些资源都是href=“”或src=“”等直接引⼊就可以了;在学习pyhton后端框架flask和django时就会遇到渲染html页⾯时资源⽆效,才知道是需要做⼀些修改的,在此做个笔记。
⽅法:
Flask中
像原本的:
需要改成:即将src = “ xxx ” 换成 src= “ {{ url_for ( ’ static ’ , filename = ’ xxx ’ ) }} ”Django中
1. 在django project中创建 static⽂件夹
2. settings.py中配置要在 STATIC_URL = ‘/static/’ 下边加上
STATICFILES_DIRS = [
os.path.join(BASE_DIR, ‘static’),
]
或
STATIC_ROOT = os.path.join(BASE_DIR, ‘static’)
3. 前端引⼊
⽅法⼀:
在页⾯的较上处写:
{% load static(后⾯不加files,加上报错)%}
在 link script 等src 改 :
{%static ‘xxx.css’%}
{%static ‘xxx.js’%}
{%static ‘xxx.jpg/png’%}
记得加 ‘ ’
⽅式⼆:
前端页面模板在 link script 等src 写 :
/static/xxx.cs
两者可混⽤,但不推荐<link rel ="stylesheet" href ="../stnatic/bootstrap/css/bootstrap.mi.css"><script src ="../static/js/html5shiv.js"></script >
1
2<link rel ="stylesheet" href ="{{url_for('static',filename='../stnatic/bootstrap/css/bootstrap.mi.css')}}"><script src ="{{url_for('static',filename ='../static/js/html5shiv.js')}}"></script >
1
2
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论