django-web开发框架-管理静态文件

管理静态文件

  • 项目中的CSS、图片、js都是静态文件

配置静态文件

  • 在settings 文件中定义静态内容
STATIC_URL = '/static/'
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'static'),
]
  • 在项目根目录下创建static目录,再创建当前应用名称的目录
mysite/static/myapp/
  • 在模板中可以使用硬编码
/static/my_app/myexample.jpg
  • 在模板中可以使用static编码
  • { % load static from staticfiles %}
    <img src="{ % static "my_app/myexample.jpg" %}" alt="My image"/>

 

创建项目:test5

django-web开发框架-管理静态文件

 

修改setting

django-web开发框架-管理静态文件

django-web开发框架-管理静态文件

新建文件夹和文件:

django-web开发框架-管理静态文件

 

项目urls:

django-web开发框架-管理静态文件

 

应用urls:

django-web开发框架-管理静态文件

views:

django-web开发框架-管理静态文件

 

模板,HTML:

对比测试:

1、硬编码,逻辑目录

2、static编码

 

django-web开发框架-管理静态文件

 

 

django-web开发框架-管理静态文件

 

逻辑目录 ‘/static2/’

硬编码,逻辑目录同名,能找到目录,正常显示

static编码,正常显示

 

django-web开发框架-管理静态文件

django-web开发框架-管理静态文件

 

硬编码,逻辑目录不同名,不能找到目录,无法正常显示

static编码,正常显示

django-web开发框架-管理静态文件

django-web开发框架-管理静态文件