两种方式
1:一种用硬编码
2:用static编码
项目目录结构
图片.png
配置静态文件
在 settings 文件中定义静态内容
STATIC_URL = '/static/'
STATICFILES_DIRS = [
os.path.join(BASE_DIR, 'static'),
]
在项目根目录下创建 static 目录,再创建当前应用名称的目录
pianke/static/pianke/
1:一种用硬编码
<script type="text/javascript" src="/static/pianke/bootstrap-3.3.7-dist/js/bootstrap.js" ></script>
<link rel="stylesheet" href="/static/pianke/bootstrap-3.3.7-dist/css/bootstrap-theme.min.css" />
<link rel="stylesheet" href="/static/pianke/bootstrap-3.3.7-dist/css/bootstrap.min.css" />
<link type="text/css" href="/static/pianke/bootstrap-3.3.7-dist/css/bootstrap.css"/>
background-image: url(/static/pianke/img/login-bg.png);
2:用static编码
{% load static from staticfiles %}
<img src="{ % static "my_app/myexample.jpg" %}" alt="My image"/>
网友评论