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

猜你喜欢

转载自www.cnblogs.com/remoting-py/p/9060254.html
今日推荐