django 静态文件&&模版的处理的一些实践

静态文件与模版在django 中的处理既有相似的地方又有不同的地方
模版是代码关联的,静态文件一般是css,js ,图片等,一般静态资源是需要进行比较好的处理的(量大,而且需要优化处理)

静态资源的处理

  • 配置
    参考,注意app 以及project的会有覆盖的效果,这个与template是一样的
 
STATIC_URL = '/static/'
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, "static"),
]
  • 优化处理
    推荐配置STATIC_ROOT,这样在实际生成部署的使用,使用静态资源模式拆分(nginx,apache.cdn....)
    命令
 
python manage.py collectstatic

好处是可以静态资源的聚合,方便镜像资源的独立服务提供,但是可能会有冲突的问题(所以比较好的静态资源前缀命名就很重要的)

  • 代码使用
    推荐使用static 模版tag,可以减少路径配置死
 
{% load static %}
<html>
<head >
    <link rel="stylesheet" type="text/css" href="{% static 'userlogin/app.css' %}">
</head>
  <div>
      this is userlogin demo app
  </div>
</html>

模版的处理

模版与静态资源类似,但是是代码关联的,同时也会有覆盖的问题,一般推荐的写法如下

  • 参考配置
TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR, 'templates')],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

处理是方便app 的可复用(打包为pip 包,同时我们也可以基于项目级别的templates 进行覆盖)

参考资料

https://www.digitalocean.com/community/tutorials/working-with-django-templates-static-files
https://docs.djangoproject.com/en/3.1/topics/templates/
https://docs.djangoproject.com/en/3.1/howto/overriding-templates/
https://docs.djangoproject.com/en/3.1/ref/contrib/staticfiles/#django-admin-collectstatic
https://docs.djangoproject.com/en/3.1/ref/settings/#std:setting-STATIC_ROOT
https://docs.djangoproject.com/en/3.1/howto/static-files/

posted on   荣锋亮  阅读(228)  评论(0编辑  收藏  举报

编辑推荐:
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· .NET10 - 预览版1新功能体验(一)
历史上的今天:
2020-01-02 honest-profiler+hprof2flamegraph 基础的扩展
2020-01-02 honest-profiler+hprof2flamegraph 查看java 应用火焰图信息
2019-01-02 vorpal 又一个方便的cli 开发包
2019-01-02 gogs wekan 集成试用
2019-01-02 Creating Node.js Command Line Utilities to Improve Your Workflow
2018-01-02 rollupjs 基本试用
2018-01-02 hapi lab测试框架简单使用

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示