Django加载静态文件

Posted remoting-py

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Django加载静态文件相关的知识,希望对你有一定的参考价值。

方法一:

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文件

以上是关于Django加载静态文件的主要内容,如果未能解决你的问题,请参考以下文章

08-Django加载静态文件

在 Django 中退出调试时不会加载静态文件

24.FastAPI静态文件

django -静态文件能加载进入,但是在页面上却显示不出来

静态文件未加载 [DJANGO]

Django加载静态文件