当前位置：首页 > news >正文

每天40分玩转Django：Django静态文件

news 2026/4/6 7:12:54

Django静态文件

一、今日学习内容概述

学习模块	重要程度	主要内容
静态文件配置	⭐⭐⭐⭐⭐	基础设置、路径配置
CDN集成	⭐⭐⭐⭐⭐	CDN配置、资源优化
静态文件处理	⭐⭐⭐⭐	压缩、版本控制
部署优化	⭐⭐⭐⭐	性能优化、缓存策略

二、基础配置

# settings.py
import os# 静态文件配置
STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static'),
]# 静态文件查找器
STATICFILES_FINDERS = ['django.contrib.staticfiles.finders.FileSystemFinder','django.contrib.staticfiles.finders.AppDirectoriesFinder',
]# CDN 配置
CDN_DOMAIN = 'https://cdn.example.com'
USE_CDN = True# 压缩配置
STATICFILES_STORAGE = 'django.contrib.staticfiles.storage.ManifestStaticFilesStorage'

三、项目结构示例

myproject/
├── manage.py
├── myproject/
│   ├── __init__.py
│   ├── settings.py
│   ├── urls.py
│   └── wsgi.py
├── static/
│   ├── css/
│   │   ├── main.css
│   │   └── vendor/
│   ├── js/
│   │   ├── main.js
│   │   └── vendor/
│   └── images/
└── templates/├── base.html└── includes/

四、静态文件管理器

# storage.py
from django.contrib.staticfiles.storage import StaticFilesStorage
from django.conf import settings
import os
import hashlibclass CustomStaticStorage(StaticFilesStorage):"""自定义静态文件存储"""def __init__(self, *args, **kwargs):super().__init__(*args, **kwargs)self.prefix = settings.STATIC_URL.rstrip('/')def url(self, name):"""生成文件URL"""url = super().url(name)if settings.USE_CDN:return f"{settings.CDN_DOMAIN}{url}"return urldef hashed_name(self, name, content=None, filename=None):"""生成带哈希值的文件名"""if content is None:return namemd5 = hashlib.md5()for chunk in content.chunks():md5.update(chunk)hash_value = md5.hexdigest()[:12]name_parts = name.split('.')name_parts.insert(-1, hash_value)return '.'.join(name_parts)

五、模板使用示例

<!-- templates/base.html -->
{% load static %}
<!DOCTYPE html>
<html>
<head><title>{% block title %}{% endblock %}</title><!-- CSS 文件 --><link rel="stylesheet" href="{% static 'css/vendor/bootstrap.min.css' %}"><link rel="stylesheet" href="{% static 'css/main.css' %}"><!-- 自定义CDN引用 -->{% if settings.USE_CDN %}<link rel="preconnect" href="{{ settings.CDN_DOMAIN }}">{% endif %}
</head>
<body><nav class="navbar"><img src="{% static 'images/logo.png' %}" alt="Logo"><!-- 导航内容 --></nav><main>{% block content %}{% endblock %}</main><!-- JavaScript 文件 --><script src="{% static 'js/vendor/jquery.min.js' %}"></script><script src="{% static 'js/vendor/bootstrap.bundle.min.js' %}"></script><script src="{% static 'js/main.js' %}"></script>
</body>
</html>

六、静态文件处理流程图

在这里插入图片描述

七、CDN配置和优化

# cdn.py
from django.core.files.storage import get_storage_class
from django.conf import settings
import requestsclass CDNStorage:"""CDN存储管理器"""def __init__(self):self.storage = get_storage_class()()self.cdn_domain = settings.CDN_DOMAINdef sync_file(self, path):"""同步文件到CDN"""try:with self.storage.open(path) as f:response = requests.put(f"{self.cdn_domain}/{path}",data=f.read(),headers={'Content-Type': self.storage.mime_type(path),'Cache-Control': 'public, max-age=31536000'})return response.status_code == 200except Exception as e:print(f"CDN同步失败: {str(e)}")return Falsedef purge_file(self, path):"""清除CDN缓存"""try:response = requests.delete(f"{self.cdn_domain}/purge/{path}",headers={'Authorization': f'Bearer {settings.CDN_API_KEY}'})return response.status_code == 200except Exception as e:print(f"缓存清除失败: {str(e)}")return False

八、静态文件压缩

# compressor.py
from django.contrib.staticfiles.storage import CompressedManifestStaticFilesStorage
import subprocessclass CustomCompressedStorage(CompressedManifestStaticFilesStorage):"""自定义压缩存储"""def post_process(self, paths, dry_run=False, **options):"""处理文件后进行压缩"""for path in paths:if path.endswith(('.css', '.js')):full_path = self.path(path)# CSS压缩if path.endswith('.css'):subprocess.run(['cleancss', '-o', full_path, full_path])# JS压缩if path.endswith('.js'):subprocess.run(['uglifyjs', full_path, '-o', full_path])return super().post_process(paths, dry_run, **options)# 压缩命令
from django.core.management.base import BaseCommandclass Command(BaseCommand):help = '压缩静态文件'def handle(self, *args, **options):storage = CustomCompressedStorage()storage.collect()

九、性能优化建议

文件合并

# utils.py
def combine_files(file_list, output_path):"""合并多个文件"""with open(output_path, 'wb') as output:for file_path in file_list:with open(file_path, 'rb') as input_file:output.write(input_file.read())output.write(b'\n')

缓存配置

# settings.py
CACHES = {'default': {'BACKEND': 'django.core.cache.backends.memcached.MemcachedCache','LOCATION': '127.0.0.1:11211',}
}# 静态文件缓存设置
STATICFILES_CACHE_TIMEOUT = 60 * 60 * 24 * 30  # 30天

图片优化

# image_optimizer.py
from PIL import Image
import osdef optimize_image(input_path, output_path=None, quality=85):"""优化图片质量和大小"""if output_path is None:output_path = input_pathwith Image.open(input_path) as img:# 保存优化后的图片img.save(output_path,quality=quality,optimize=True)

版本控制

# context_processors.py
from django.conf import settingsdef static_version(request):"""添加静态文件版本号"""return {'STATIC_VERSION': getattr(settings, 'STATIC_VERSION', '1.0.0')}

十、部署注意事项

收集静态文件

python manage.py collectstatic --noinput

Nginx配置

# 静态文件服务
location /static/ {alias /path/to/staticfiles/;expires 30d;add_header Cache-Control "public, no-transform";
}

监控和日志

# middleware.py
class StaticFileMonitorMiddleware:def __init__(self, get_response):self.get_response = get_responsedef __call__(self, request):if request.path.startswith(settings.STATIC_URL):# 记录静态文件访问logger.info(f"Static file accessed: {request.path}")return self.get_response(request)

通过本章学习，你应该能够：

配置Django静态文件系统
集成和使用CDN
实现静态文件优化
管理文件版本和缓存

怎么样今天的内容还满意吗？再次感谢朋友们的观看，关注GZH：凡人的AI工具箱，回复666，送您价值199的AI大礼包。最后，祝您早日实现财务自由，还请给个赞，谢谢！

每天40分玩转Django：Django静态文件

Django静态文件一、今日学习内容概述学习模块重要程度主要内容静态文件配置⭐⭐⭐⭐⭐基础设置、路径配置CDN集成⭐⭐⭐⭐⭐CDN配置、资源优化静态文件处理⭐⭐⭐⭐压缩、版本控制部署优化⭐⭐⭐⭐性能优化、缓存策略二、基础配置 # settings.py import os# 静态文件配置…...

编程日记 2024/12/27 4:38:41

Linux 线程池

1.概念介绍线程池是一种多线程处理形式，它维护着多个线程，这些线程处于等待状态，随时准备接受任务并执行。线程池的主要目的是为了提高系统的性能和资源利用率，避免在处理短时间任务时频繁创建和销毁线程所带来的开销。线程池…...

编程日记 2024/12/27 4:35:39

windows使用zip包安装MySQL

windows通过zip包安装MySQL windows通过zip包安装MySQL下载MySQL的zip安装包创建安装目录和数据目录解压zip安装包创建配置目录 etc 和配置文件 my.ini安装MySQL进入解压后的bin目录执行命令初始化执行命令安装验证安装查看服务已安装启动MySQL查看服务运行情况修改密码创建…...

编程日记 2024/12/27 4:34:36

深度学习实战之超分辨率算法（tensorflow）——ESPCN

espcn原理算法请参考上一篇论文，这里主要给实现。数据集如下：尺寸相等即可针对数据集，生成样本代码preeate_data.py import imageio from scipy import misc, ndimage import numpy as np import imghdr import shutil import os import…...

编程日记 2024/12/27 4:33:35

Android unitTest 单元测试用例编写(初始)

文章目录了解测试相关库导入依赖库新建测试文件示例执行查看结果网页结果其他本片讲解的重点是unitTest，而不是androidTest哦了解测试相关库 androidx.compose.ui:ui-test-junit4: 用于Compose UI的JUnit 4测试库。它提供了测试Compose UI组件的工具和API。 and…...

编程日记 2024/12/27 4:30:31

C++简明教程（10）（初识类）

类的教程 C 类的完整教程 C 中，类（class）是面向对象编程的核心概念，用于定义对象的属性（数据成员）和行为（成员函数）。本教程将带你从零开始，循序渐进地学习如何定义和使…...

编程日记 2024/12/27 4:27:28

光谱相机的工作原理

光谱相机的工作原理主要基于不同物质对不同波长光的吸收、反射和透射特性存在差异，以下是其具体工作过程： 一、光的收集目标物体在光源照射下，其表面会对光产生吸收、反射和透射等相互作用。光谱相机的光学系统（如透镜、反射镜…...

编程日记 2024/12/27 4:25:21

【Linux进程】基于管道实现进程池

目录前言 1. 进程池 1.1 基本结构： 1.2. 池化技术 1.3. 思路分析 1.4. 代码实现总结前言上篇文章介绍了管道及其使用，本文在管道的基础上，通过匿名管道来实现一个进程池； 1. 进程池父进程创建一组子进程，子进…...

编程日记 2024/12/27 4:20:15

软件测试之单元测试

🍅 点击文末小卡片，免费获取软件测试全套资料，资料在手，涨薪更快一、何为单测测试有黑盒测试和白盒测试之分，黑盒测试顾名思义就是我们不了解盒子的内部结构，我们通过文档或者对该功能的理解&#xff0c…...

编程日记 2024/12/27 4:15:10

vscode+编程AI配置、使用说明

文章目录 [toc]1、概述2、github copilot2.1 配置2.2 使用文档2.3 使用说明 3、文心快码（Baidu Comate）3.1 配置3.2 使用文档3.3 使用说明 4、豆包（MarsCode）4.1 配置4.2 使用文档4.3 使用说明 5、通义灵码（TONGYI Lin…...

编程日记 2024/12/27 4:12:07

007-spring-bean的相关配置（重要）

spring-bean的相关配置...

编程日记 2024/12/27 4:09:05

【唐叔学算法】第19天：交换排序-冒泡排序与快速排序的深度解析及Java实现

引言排序算法是计算机科学中的基础问题，而交换排序作为其中一类经典的排序方法，因其简单直观的思想和易于实现的特点，在初学者中广受欢迎。交换排序的核心思想是通过不断交换相邻元素来达到排序的目的。本文将深入探讨两种典型的交换排序算…...

编程日记 2024/12/27 4:08:04

合并 Python 中的字典

合并 Python 中的字典如何在 Python 中合并字典？ 这取决于你对“合并”一词的具体定义。在 Python 中使用 | 操作符合并字典首先，让我们讨论合并字典的最简单方法，这通常已经足够满足你的需求。以下是两个字典： >>…...

编程日记 2024/12/27 4:07:03

使用Python实现自动化文档生成工具：提升文档编写效率的利器

友友们好！我的新专栏《Python进阶》正式启动啦！这是一个专为那些渴望提升Python技能的朋友们量身打造的专栏，无论你是已经有一定基础的开发者，还是希望深入挖掘Python潜力的爱好者，这里都将是你不可错过的宝藏。在这个专栏中，你将会找到： ● 深入解析：每一篇文章都将…...

编程日记 2024/12/27 4:02:59

uniapp使用live-pusher实现模拟人脸识别效果

需求： 1、前端实现模拟用户人脸识别，识别成功后抓取视频流或认证的一张静态图给服务端。 2、服务端调用第三方活体认证接口，验证前端传递的人脸是否存在，把认证结果反馈给前端。 3、前端根据服务端返回的状态，显示在…...

编程日记 2024/12/27 3:56:54

【JavaSE】【网络原理】初识网络

目录一、网络互联二、局域网与广域网三、网络通信基础3.1 IP地址3.2 端口号3.3 网络协议3.4 五元组四、协议分层4.1 OSI七层网络模型4.2 TCP/IP五层(四层)网络模型4.3 网络设备五、网络数据通信基本流程。5.1 封装和分用5.2 简述过程一、网络互联网络互联： 网…...

编程日记 2024/12/27 3:51:49

鸿蒙之路的坑

1、系统 Windows 10 家庭版不可用模拟器对应的解决方案【坑】升级系统版本直接更改密钥可自动升级系统密钥找对应系统的（例：windows 10专业版） 升级完之后要激活坑1、升级完后事先创建好的模拟器还是无法启动解决：删除模拟…...

编程日记 2024/12/27 3:48:46

Python生日祝福烟花

1. 实现效果 2. 素材加载 2个图片和3个音频 shoot_image pygame.image.load(shoot(已去底).jpg) # 加载拼接的发射图像 flower_image pygame.image.load(flower.jpg) # 加载拼接的烟花图烟花不好去底 # 调整图像的像素为原图的1/2 因为图像相对于界面来说有些大 shoo…...

编程日记 2024/12/27 3:45:39

Ubuntu环境 nginx.conf详解（二）

1、nginx.conf 结构详解： http 块：用于配置 HTTP 服务器的相关设置，包括处理 HTTP 和 HTTPS。 stream 块：用于配置 TCP/UDP 代理服务器，适用于需要进行四层负载均衡的情况。 ... # 全局块 events {...} …...

编程日记 2024/12/27 3:36:30

shardingsphere分库分表项目实践4-sql解析sql改写

为什么要sql解析重写？ 如果我们的系统数据库实现了分表，那么我们的sql中表名需要根据参数动态确定，那么代码怎么写？ 方案1： 自己手动拼接， 比如 update t_user_${suffix} , ${suffix} 作为一个变量传递…...

编程日记 2024/12/27 3:26:20

CentOS 7 服务器环境部署 Pixel Dream Workshop：针对企业级生产的配置

CentOS 7 服务器环境部署 Pixel Dream Workshop：针对企业级生产的配置 1. 前言：为什么选择这个方案如果你正在寻找一个稳定可靠的企业级AI图像生成解决方案，Pixel Dream Workshop在CentOS 7上的部署可能是你的理想选择。作为运维工程师&am…...

编程新知 2026/4/6 6:20:46

OpenClaw+千问3.5-9B成本优化：夜间定时任务实战

OpenClaw千问3.5-9B成本优化：夜间定时任务实战 1. 为什么选择夜间执行AI自动化任务？ 去年冬天的一个深夜，我被服务器告警短信吵醒。查看日志发现是日间运行的AI数据处理任务消耗了过多Token，触发了预算警报。这次意外让我开始思…...

编程新知 2026/4/6 5:12:14

背栓干挂石材幕墙方式之我见

背栓干挂石材幕墙方式之我见干挂石材幕墙的方法有多种，目前国内常见的有短槽式、背栓式、背槽式等。下面就几种方式发表点自己的浅见，希望能对大家有帮助。1、短槽式（T型件或蝴蝶件）：该方式是在石材上下面开槽&#xf…...

编程新知 2026/4/6 4:53:49

C语言自学必看：最经典C语言书推荐

最经典的C语言书都在这了。 1、C Primer Plus 第6版中文版C语言是鉴于满足程序员需求而被设计出来的，程序员借助C能够去访问硬件，能够操控内存里的位。C语言存有丰富的运算符，可使程序员得以简洁地表述自身意图。C语言不像Pascal那般严谨&am…...

编程新知 2026/4/6 3:53:42

MATLAB三维绘图实战：用plot3和fplot3函数搞定螺旋线与墨西哥帽（附完整代码）

MATLAB三维绘图实战：螺旋线与墨西哥帽的视觉盛宴在工程计算与科学可视化领域，MATLAB始终保持着不可替代的地位。当二维平面无法完整表达数据的内在规律时，三维图形便成为洞察复杂关系的利器。本文将带您深入探索MATLAB中两大三维曲线绘制神器…...

编程新知 2026/4/6 3:53:42

终极指南：如何从零构建Cubism.js自定义数据源适配器

终极指南：如何从零构建Cubism.js自定义数据源适配器【免费下载链接】cubism Cubism.js: A JavaScript library for time series visualization. 项目地址: https://gitcode.com/gh_mirrors/cu/cubism Cubism.js是一个强大的JavaScript时间序列可视化库&…...

编程新知 2026/4/6 3:28:27

如何在5分钟内成为资源下载高手：res-downloader的终极指南

如何在5分钟内成为资源下载高手：res-downloader的终极指南【免费下载链接】res-downloader 视频号、小程序、抖音、快手、小红书、直播流、m3u8、酷狗、QQ音乐等常见网络资源下载! 项目地址: https://gitcode.com/GitHub_Trending/re/res-downloader res-do…...

编程新知 2026/4/6 3:15:15