标签:styles har jpg 方法 rip test 文件 lang lan
方法一:
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文件
标签:styles har jpg 方法 rip test 文件 lang lan
原文地址:https://www.cnblogs.com/remoting-py/p/9060254.html