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

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

news 2026/2/11 2:43:17

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

ElasticSearch搜索引擎之倒排索引及其底层算法

文章目录一、搜索引擎1、什么是搜索引擎？2、搜索引擎的分类3、常用的搜索引擎4、搜索引擎的特点二、倒排索引1、简介2、为什么倒排索引不用B+树1.创建时间长，文件大。2.其次，树深，IO次数可怕。3.索引可能会失效。4.精准度差。三. 倒排索引四、算法1、Term Index的算法2、 …...

编程新知 2026/1/30 17:10:19

C++中string流知识详解和示例

一、概览与类体系 C 提供三种基于内存字符串的流，定义在 <sstream> 中： std::istringstream：输入流，从已有字符串中读取并解析。std::ostringstream：输出流，向内部缓冲区写入内容，最终取…...

编程新知 2025/11/30 11:30:47

20个超级好用的 CSS 动画库

分享 20 个最佳 CSS 动画库。它们中的大多数将生成纯 CSS 代码，而不需要任何外部库。 1.Animate.css 一个开箱即用型的跨浏览器动画库，可供你在项目中使用。 2.Magic Animations CSS3 一组简单的动画，可以包含在你的网页或应用项目中。 3.An…...

编程新知 2026/2/9 22:04:45

现有的 Redis 分布式锁库（如 Redisson）提供了哪些便利？

现有的 Redis 分布式锁库（如 Redisson）相比于开发者自己基于 Redis 命令（如 SETNX, EXPIRE, DEL）手动实现分布式锁，提供了巨大的便利性和健壮性。主要体现在以下几个方面： 原子性保证 (Atomicity)&#xff…...

编程新知 2025/9/23 11:26:04

Linux nano命令的基本使用

参考资料 GNU nanoを使いこなすnano基础目录一. 简介二. 文件打开2.1 普通方式打开文件2.2 只读方式打开文件三. 文件查看3.1 打开文件时，显示行号3.2 翻页查看四. 文件编辑4.1 Ctrl K 复制和 Ctrl U 粘贴4.2 Alt/Esc U 撤回五. 文件保存与退出5.1 Ctrl …...

编程新知 2026/1/31 2:17:41

系统掌握PyTorch：图解张量、Autograd、DataLoader、nn.Module与实战模型

本文较长，建议点赞收藏，以免遗失。更多AI大模型应用开发学习视频及资料，尽在聚客AI学院。本文通过代码驱动的方式，系统讲解PyTorch核心概念和实战技巧，涵盖张量操作、自动微分、数据加载、模型构建和训练全流程&#…...

编程新知 2026/2/7 23:15:50

开发流程视频： https://www.youtube.com/watch?vCkHyDYeImjY&ab_channelC%23DesignPro Git源码： GitHub - CSharpDesignPro/Page-Navigation-using-MVVM: WPF - Page Navigation using MVVM 1. 新建工程新建WPF应用（.NET Framework) 2.…...

编程新知 2026/2/4 19:09:49

Qt学习及使用_第1部分_认识Qt---Qt开发基本流程

前言学以致用,通过QT框架的学习,一边实践,一边探索编程的方方面面. 参考书:<Qt 6 C开发指南>(以下称"本书") 标识说明:概念用粗体倾斜.重点内容用(加粗黑体)---重点内容(红字)---重点内容(加粗红字), 本书原话内容用深蓝色标识,比较重要的内容用加粗倾…...

编程新知 2026/1/26 16:00:05

从0开始一篇文章学习Nginx

Nginx服务 HTTP介绍 ## HTTP协议是Hyper Text Transfer Protocol（超文本传输协议）的缩写,是用于从万维网（WWW:World Wide Web ）服务器传输超文本到本地浏览器的传送协议。 ## HTTP工作在 TCP/IP协议体系中的TCP协议上&#…...

编程新知 2025/12/7 8:37:13

【优选算法】模拟问题算法

一：替换所有的问号 class Solution { public:string modifyString(string s) {int n s.size();for(int i 0; i < n; i){if(s[i] ?){for(char ch a; ch < z; ch){if((i0 && ch !s[i1]) || (in-1 && ch ! s[i-1]) || ( i>0 &&…...

编程新知 2026/2/5 6:00:29