Django中的静态文件、路径、访问静态文件的方法

1.什么是静态文件

不能与服务器端做动态交互的文件都是静态文件

如:图片,css,js,音频,视频,html文件(部分)

2.静态文件配置

settings.py 中配置一下两项内容:

1.配置静态文件的访问路径

通过哪个url地址找静态文件

STATIC_URL = '/static/'

说明:

指定访问静态文件时是需要通过 /static/xxx或 127.0.0.1:8000/static/xxx

xxx 表示具体的静态资源位置

2.配置静态文件的存储路径 STATICFILES_DIRS

STATICFILES_DIRS保存的是静态文件在服务器端的存储位置

示例:

file: setting.py

STATICFILES_DIRS = (

os.path.join(BASE_DIR, "static"),

)

3.访问静态文件

使用静态文件的访问路径进行访问

访问路径: STATIC_URL = '/static/'

示例:

<img src="/static/images/lena.jpg">

<img src="http://127.0.0.1:8000/static/images/lena.jpg">

settings.py中设置

DEBUG = True #注意 如果将DEBUG设置为 False 将无法访问到静态文件

复制代码
STATIC_URL = '/static/'


STATICFILES_DIRS = (
    os.path.join(BASE_DIR, "static"),
)

访问的例子 http://127.0.0.1:8000/static/code.png

通过 {% static %}标签访问静态文件

{% static %} 表示的就是静态文件访问路径

加载 static

{% load static %}

使用静态资源时

语法:

{% static '静态资源路径' %}

示例:

<img src="{% static 'images/lena.jpg' %}">

此setting配置静态文件的方案,只用于测试开发环境,

正式上线后,将采取新的解决方案:

​ 1、nginx 挂载静态文件

​ 2、CDN 内容网络分发服务,【阿里云 网宿 蓝汛】,将所有静态文件交由CDN即可

​ 只需将代码中所有src地址,填写成cdn公司提供的地址域名即可

​ CDN - 用户请求静态资源时,解析用户所在位置信息,将请求调度到离用户最近的服务器上,减少无必要网络层跳转


版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

原文链接:https://blog.csdn.net/liuxingxing_star/article/details/103995191

下面使用 nginx 挂载静态文件的方式

首先需要收集形态资源文件

将你的工程,下面所有APP下面的static目录,收集到你的工程下面的 media将要被存放的目录

settings.py文件中新增配置项

STATIC_ROOT = os.path.join(BASE_DIR, "media") #将要收集的目录

STATICFILES_DIRS = (

os.path.join(BASE_DIR, "static"), #将要被收集的目录

)

STATICFILES_DIRS 是用来指定 Django 在收集静态文件时需要搜索的目录列表,而 STATIC_ROOT 则是指定 Django 在收集静态文件后将其存放的目录。STATICFILES_DIRS 中的文件会被收集到 STATIC_ROOT 指定的目录中,以便在部署时能够被服务器提供。STATIC_ROOT 应该是一个绝对路径。

STATICFILES_DIRS 将要被收集的目录, STATIC_ROOT 收集完存放的目录

注意 你工程下可以有很多个APP,每个APP下面都可以有一个static文件夹

相关推荐
啥都鼓捣的小yao1 小时前
Python解决“数字插入”问题
python·算法
csdn_aspnet1 小时前
如何在 Linux 上安装 Python
linux·运维·python
jimin_callon2 小时前
VBA第三十八期 VBA自贡分把表格图表生成PPT
开发语言·python·powerpoint·编程·vba·deepseek
愚戏师3 小时前
软件工程(应试版)图形工具总结(二)
数据结构·c++·python·软件工程
Dontla3 小时前
前端页面鼠标移动监控(鼠标运动、鼠标监控)鼠标节流处理、throttle、限制触发频率(setTimeout、clearInterval)
前端·javascript
NEET_LH3 小时前
金融数据分析(Python)个人学习笔记(6):安装相关软件
python·金融·数据分析
再学一点就睡3 小时前
深拷贝与浅拷贝:代码世界里的永恒与瞬间
前端·javascript
CrimsonHu3 小时前
B站首页的 Banner 这么好看,我用原生 JS + 三大框架统统给你复刻一遍!
前端·javascript·css
Enti7c3 小时前
前端表单输入框验证
前端·javascript·jquery
拉不动的猪3 小时前
几种比较实用的指令举例
前端·javascript·面试