快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

Django 静态文件配置

一、静态文件配置


在 settings.py 文件的最后添加

10年积累的做网站、成都做网站经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站设计后付款的网站建设流程,更有平山免费网站建设让你可以放心的选择与我们合作。

# settings.py 
# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/4.1/howto/static-files/

# STATIC SETTINGS
STATIC_URL = '/static/'

# BASE_DIR 是项目的绝对地址
STATIC_ROOT = os.path.join(BASE_DIR, 'collect_static')

# 以下不是必须的  各个app共用的文件可以放在这
STATICFILES_DIRS = (
    os.path.join(BASE_DIR, 'common_static'),
)

二、各个文件夹的作用


STATIC_ROOT

  • 是在部署的时候才发挥作用,执行 python managy.py collectstatic,会在工程文件下生成(STATIC_ROOT)文件夹,把各个app下的静态文件收集到这个目录下。当然,需要配置Nginx。

STATICFILES_DIRS 静态文件的安放位置有两种 app/static

  • 在每个app里面新建一个static文件夹,将静态文件放到里面在加载静态文件时。
  • 例如要在模板中用到静态文件,Django 会自动在每个app里面搜索 static文件夹。
  • STATICFILES_DIRS 在所有的 app 文件外面,manage.py 同级目录下创建common_static目录公共的文件夹,也就是 STATICFILES_DIRS: common_static。
  • 因为有些静态文件不是某个app 独有的,那么就可以把它放到一个公共文件夹里面,方便管理。
  • 注意,建立一个公共的静态文件的文件夹只是一种易于管理的做法,但是不是必须的,app是可以跨app应用静态文件的,因为最后所有的静态文件都会在STATIC_ROOT里面存在。
  • 那现在的问题是:如何让 Django 知道你把一些静态文件放到app 以外的公共文件夹中呢,那就需要配STATICFILES_DIRS了。

STATIC_URL 静态路由映射。

  • Django 利用 STATIC_URL来让浏览器可以直接访问静态文件。

三、Django静态文件的引用


两个查找路径,在 static 标签中引用文件时有两个查找路径:

  • app下的 static
  • 工程下的commen_static(STATICFILES_DIRS)

查找机制:

  • STATICFILES_DIRS 告诉 Django。
  • 首先,到 STATICFILES_DIRS 里面寻找静态文件。
  • 其次,再到各个app的 static 文件夹里面找。
  • django 查找静态文件是惰性查找,查找到第一个,就停止查找了。

四、STATIC_URL 详解


Django 用 STATIC_URL来让浏览器可以直接访问静态文件,例如:STATIC_URL = '/static/'

浏览器上输入

  • http://127.0.0.1:8000/static/img/1.png
  • http://127.0.0.1:8000/static/img/2.png

那么就相当与访问

  • /common_static/img/1.png
  • /static/img/2.png

也就是说STATIC_URL = '/static/' 可以定位到各个app下的 static/ 和工程下的 commen_static/。

所以在浏览器上,利用前缀 STATIC_URL 的具体内容,来映射 app 下的 static 和 STATICFILES_DIRS,http://127.0.0.1:8000/static/相当于本地地址的 app/static 和 STATICFILES_DIRS。


名称栏目:Django 静态文件配置
当前路径:http://6mz.cn/article/dsogece.html

其他资讯