1. 静态文件
# 项目中css、图片、js都是静态文件;
1.1 配置静态文件
1.1.1 setting.py
# 网址上显示的路径;
# STATIC_URL = '/static/'
# 物理路径的配置;
# STATICFILES_DIRS = [
# os.path.join(BASE_DIR, 'static'),
# ]
1.1.2 项目根目录下创建static目录,细分应用,再创建应用目录
# mysite/static/myapp/
1.1.3 再模板中使用硬编码
# /static/my_app/myexample.jpg
1.1.4 在模板中使用static编码
# { % load static from staticfiles %}
# <img src="{ % static "my_app/myexample.jpg" %}" alt="My p_w_picpath"/>
1.2 实例
1.2.1 setttings.py中配置
# 默认:STATIC_URL = /static/''
# 添加:STATICFILES_DIRS = [
# os.path.join(BASE_DIR, 'static')
# ]
1.2.2 在项目目录下添加文件static,里面再创建针对项目的文件目录booktest,放置静态文件;
1.2.3 在要展示的页面添加图片路径(index.html)
<body>
<h1>首页</h1>
<!-- 静态文件展示 -->
<img src="/static/booktest/a1.jpg"/>
</body>
1.2.4 访问页面展示静态文件
1.3 动态生成地址
# 与上面不同的是,这种方式是直接访问逻辑路径,STATIC_URL = '/static/'没用
# {% load static from staticfiles %}
# <!DOCTYPE html>
# <html>
# <head>
# <title>首页</title>
# </head>
# <body>
# <h1>首页</h1>
# <!-- 1.静态文件展示 -->
# <img src="/abc/booktest/a1.jpg"/>
# <br>
# <!-- 2.动态生成路径,访问静态文件 -->
# <img src="{% static '/booktest/a1.jpg'%}"/>
# </body>
# </html>
# # 在1.中静态文件路径发生了改变,与setting.py匹配的逻辑路径不同,无法读取文件;
# # 在2.中对应settings.py中匹配的物理路径,始终可以匹配文件;