静态文件处理

时间：2020-09-07 11:55:22 阅读：122 评论：0 收藏：0 [点我收藏+]

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部分，所以这项配置就无效了。

静态文件处理

原文：https://www.cnblogs.com/yunhgu/p/13625936.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)