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

本文主要是介绍34. Django 2.1.7 模板 - 动态配置静态文件路径，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

静态文件

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

示例

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

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

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

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_testpath('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

配置静态文件

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

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

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

2）刷新浏览器，图片找不到了，效果如下图：

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）刷新浏览器，效果如下图：