1,静态文件
- 项目中的CSS、图片、js都是静态文件
- 一般会将静态文件放到一个单独的目录中,以方便管理
- 在html页面中调用时,也需要指定静态文件的路径,Django中提供了一种解析的方式配置静态文件路径
- 静态文件可以放在项目根目录下,也可以放在应用的目录下,由于有些静态文件在项目中是通用的,所以推荐放在项目的根目录下,方便管理
2,方法
- 在settings.py文件中定义静态文件查找路径
STATIC_URL = '/static/' STATICFILES_DIRS = [ os.path.join(BASE_DIR, 'static'), ]
- 在项目根目录下创建static目录,再创建img、css、js目录,结构如下图
- 在views.py中定义视图jingtai
def jingtai(request): return render(request,'test/jingtai.html')
- 在urls.py中配置url
url(r'^jingtai/$',views.jingtai),
- 在templates/booktest/下创建jingtai.html文件
<html> <head> <title>静态文件</title> </head> <body> <img src="/static/img/sg.png"/> </body> </html>
- 保存图片到static/img/目录下,名称为sg.png,目录结构如下
3,配置静态文件
- Django提供了一种配置,可以在html页面中可以隐藏真实路径
- 在settings.py文件中修改STATIC_URL项
# STATIC_URL = '/static/' STATIC_URL = '/abc/'
- 修改templates/test/jingtai.html如下
<html> <head> <title>静态文件</title> </head> <body> 修改前:<img src="/static/img/sg.png"/> <hr> 修改后:<img src="/abc/img/sg.png"/> </body> </html>
- 查看网页源代码,发现可以网址和真实地址之间没有关系
- 为了安全可以通过配置项隐藏真实图片路径,在模板中写成固定路径,后期维护太麻烦,可以使用static标签,根据配置项生成静态文件路径
- 修改templates/test/jingtai.html如下
<html> <head> <title>静态文件</title> </head> <body> 修改前:<img src="/static/img/sg.png"/> <hr> 修改后:<img src="/abc/img/sg.png"/> <hr> 动态配置: {%load static from staticfiles%} <img src="{%static "img/sg.png" %}"/> </body> </html>
- 查看网页源代码如下图
说明:这种方案可以隐藏真实的静态文件路径,但是结合Nginx布署时,会将所有的静态文件都交给Nginx处理,而不用转到Django部分,所以这项配置就无效了。