Django 框架下的media和static静态文件

Django有两种静态文件

static: 静态文件夹,存放CSS,JS,网站的一些图片等静态资源,为Templates下的html页面提供的。static是不会变化的

media:媒体文件夹,存放网站中用户所相关的一些文件,比如说用户的图片,歌曲的资源,封面等一系列资源。media下的文件是变动的,由系统用户等来决定

项目开发中的配置

static

1:在项目的根目录下创建static文件夹

2:在settings.py下进行配置

python 复制代码
BASE_DIR = Path(__file__).resolve().parent.parent

STATIC_URL = '/static/'
STATICFILES_DIRS = (
    os.path.join(BASE_DIR, 'static/'),
)

3:在url中配置

4:在html中使用

python 复制代码
{% load static %}

# 引入js文件
<script data-main="/static/js/play.js" src="/static/js/require.js" ></script>

# 通过{% static %}引入
<img src="{% static "imgs/logo.jpg" %}" alt=""/>

mdia

标注:

  • MEDIA_ROOT:设置用户上传文件的实际保存目录,该文件夹自动创建

  • MEDIA_URL 代表用户通过URL来访问这个本地地址的URL

1:在项目的根目录下创建media文件夹

2:在settings.py下进行配置

python 复制代码
BASE_DIR = Path(__file__).resolve().parent.parent


MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')

3:在url中配置

4:在html中使用

相关推荐
一只小小Java23 分钟前
Naocs本地部署&安装3.2.3+Spring boot 3.2.0
java·spring boot·后端·nacos
love530love8 小时前
OpenClaw Windows Companion 桌面客户端 连接 LM Studio 完整配置指南
人工智能·windows·python·openclaw
码兄科技9 小时前
实战:基于Spring Boot + UniApp的地理信息小程序开发
spring boot·后端·uni-app
cui_ruicheng10 小时前
Python从入门到实战(十六):多进程编程
开发语言·python
腾讯云云开发10 小时前
腾讯云 CloudBase 登上 WAIC:我们为 Agent 重新设计了云的生产线
后端
星栈10 小时前
从装一堆工具到看懂 Node 工程化思维:我的项目复盘记录
后端·node.js
65岁退休Coder11 小时前
LangChain v1.3.4 笔记 - 05 Agent 上下文记忆
后端
颜酱11 小时前
04 | 召回前置准备:搭好召回所需的四个数据库
前端·人工智能·后端
JaneConan11 小时前
鸿蒙 韶非 UI 系列:能力调用 startAbilityForResult,跳能力拿回参,鸿蒙能力路由入门
后端·harmonyos
_Jimmy_11 小时前
FastAPI + SQLAlchemy全局事务管理
python·fastapi