欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  IT编程

Django加载静态文件

程序员文章站 2022-06-30 15:42:09
方法一: 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文件

上一篇： 阿史那氏：周武帝宇文邕皇后，二人的婚姻只是政治联姻

下一篇： 刘贺仅仅即位二十七天就被赶*了 刘贺都做了什么大事

推荐阅读