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中使用

相关推荐
CaracalTiger42 分钟前
什么是Clawdbot?Clawdbot下载、安装、配置教程(最新版Moltbot)
python·编辑器·aigc·idea·ai编程·intellij idea·agi
WJX_KOI5 小时前
Open Notebook 一个开源的结合AI的记笔记软件
python
VX:Fegn08956 小时前
计算机毕业设计|基于ssm + vue超市管理系统(源码+数据库+文档)
前端·数据库·vue.js·spring boot·后端·课程设计
0思必得06 小时前
[Web自动化] 反爬虫
前端·爬虫·python·selenium·自动化
2301_822382766 小时前
Python上下文管理器(with语句)的原理与实践
jvm·数据库·python
喵手7 小时前
Python爬虫实战:从零搭建字体库爬虫 - requests+lxml 实战采集字体网字体信息数据(附 CSV 导出)!
爬虫·python·爬虫实战·零基础python爬虫教学·csv导出·采集字体库数据·字体库字体信息采集
2301_790300967 小时前
Python深度学习入门:TensorFlow 2.0/Keras实战
jvm·数据库·python
程序员敲代码吗8 小时前
用Python生成艺术:分形与算法绘图
jvm·数据库·python
Yyyyy123jsjs8 小时前
如何通过免费的外汇API轻松获取实时汇率数据
开发语言·python