Django加载静态文件
程序员文章站
2022-04-04 21:39:43
方法一: 1.在app目录中创建static 目录，并在该目录下创建存储css,img,js的子目录． 2.在相应的目录下创建相对应的静态文件. static/css/mystyle.css, static/img/timg.jpg,(保存图片) static/js/myjs.js 3.在模板文件中 ......
方法一:
1.在app目录中创建static 目录，并在该目录下创建存储css,img,js的子目录．
2.在相应的目录下创建相对应的静态文件.
static/css/mystyle.css,
static/img/timg.jpg,(保存图片)
static/js/myjs.js
3.在模板文件中加载静态文件
例:
mystyle.css:
body{ background:blue;}
myjs.js:
alert('hello')
static_test.html:
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href={% static 'css/mystyle.css' %}>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script src={% static 'js/myjs.js' %}></script>
<img src={% static 'img/timg.jpg' %}>
</body>
</html>
方法二：
使用绝对路径，在setting.py文件中添加
STATICFILES_DIRS = (
'common/image',
)
STATICFILES_DIRS指定路径，就在common中添加image目录，并保存图片m3.jpg.
在模板文件中
<img src={% static 'm3.jpg' %}><br>
img标签src直接使用m3.jpg文件 上一篇： 要想破解验证码，就要从他的根源开始了解！这才是验证码！
下一篇： *里犯人的对话
推荐阅读
-
WEB相关文件的加载顺序
-
怎么自动加载类文件
-
JavaScript教程之静态资源文件请求的处理方法
-
react-three-fiber 加载 obj / gltf 格式的文件
-
在Python的Django框架中创建语言文件
-
php使用simplexml_load_file加载XML文件并显示XML的方法
-
Django CKEdirtor配置(图片上传，粘贴，文件上传)
-
未来CSS文件加载方式_html/css_WEB-ITnose
-
asp.net html静态文件没有触发global.asax中的Application_BeginRequest事件的解决方法
-
网站某个目录中全部是html文件，如何控制用户必须登录才能访问这些静态文件？