搜文章
推荐 原创 视频 Java开发 iOS开发 前端开发 JavaScript开发 Android开发 PHP开发 数据库 开发工具 Python开发 Kotlin开发 Ruby开发 .NET开发 服务器运维 开放平台 架构师 大数据 云计算 人工智能 开发语言 其它开发
Lambda在线 > 海洋的渔夫 > 34. Django 2.1.7 模板 - 动态配置静态文件路径

34. Django 2.1.7 模板 - 动态配置静态文件路径

海洋的渔夫 2020-10-17

静态文件

项目中的CSS、图片、js都是静态文件。一般会将静态文件放到一个单独的目录中,以方便管理。在html页面中调用时,也需要指定静态文件的路径,Django中提供了一种解析的方式配置静态文件路径。静态文件可以放在项目根目录下,也可以放在应用的目录下,由于有些静态文件在项目中是通用的,所以推荐放在项目的根目录下,方便管理。

示例

1)在mysite/settings.py文件中定义静态文件存放的物理目录。

STATIC_URL = '/static/'
STATICFILES_DIRS = [
os.path.join(BASE_DIR, 'static'),
]

2)在项目根目录下创建static目录,再创建img、css、js目录。

34. Django 2.1.7 模板 - 动态配置静态文件路径

3)在assetinfo/views.py中定义视图static_test。

def static_test(request):
return render(request,'assetinfo/static_test.html')

4)在assetinfo/urls.py中配置url。

urlpatterns = [
# ex:/assetinfo/static_test
path('static_test', views.static_test, name='static_test'),
]

5)在templates/assetinfo/下创建static_test.html文件。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<img src="/static/images/slide01.jpg"/>
</body>
</html>

6)保存图片到static/images/目录下,名称为slide01.jpg。

7)运行服务器,浏览效果如下图:http://127.0.0.1:8000/assetinfo/static_test

34. Django 2.1.7 模板 - 动态配置静态文件路径

配置静态文件

Django提供了一种配置,可以在html页面中可以隐藏真实路径。

1)在mysite/settings.py文件中修改STATIC_URL项。

STATIC_URL = '/abc/'
STATICFILES_DIRS = [
os.path.join(BASE_DIR, 'static'),
]

2)刷新浏览器,图片找不到了,效果如下图:

34. Django 2.1.7 模板 - 动态配置静态文件路径

3)修改templates/assetinfo/static_test.html如下:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
修改前:<img src="/static/images/slide01.jpg"/>
<hr>
修改后:<img src="/abc/images/slide01.jpg"/>
</body>
</html>

3)刷新浏览器,效果如下图:

如果在模板中写死了静态文件路径,后续修改的话会很麻烦,下面来看看动态静态文件路径。

动态静态文件路径

1)修改templates/assetinfo/static_test.html如下:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
修改前:<img src="/static/images/slide01.jpg"/>
<hr>
修改后:<img src="/abc/images/slide01.jpg"/>
<hr>
配置动态静态文件:
{% load static from staticfiles %}
<img src="{% static "images/slide01.jpg" %}">
</body>
</html>

2)刷新浏览器,效果如下图:

说明:这种方案可以隐藏真实的静态文件路径,但是结合Nginx布署时,会将所有的静态文件都交给Nginx处理,而不用转到Django部分,所以这项配置就无效了。


版权声明:本站内容全部来自于腾讯微信公众号,属第三方自助推荐收录。《34. Django 2.1.7 模板 - 动态配置静态文件路径》的版权归原作者「海洋的渔夫」所有,文章言论观点不代表Lambda在线的观点, Lambda在线不承担任何法律责任。如需删除可联系QQ:516101458

文章来源: 阅读原文

相关阅读

关注海洋的渔夫微信公众号

海洋的渔夫微信公众号:DevOpsFreshMan

海洋的渔夫

手机扫描上方二维码即可关注海洋的渔夫微信公众号

海洋的渔夫最新文章

精品公众号随机推荐