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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/614846.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

跟TED演讲学英文:Why AI will spark exponential economic growth by Cathie Wood

TED英文文稿 文章目录 TED英文文稿Why AI will spark exponential economic growthIntroductionVocabularyTranscriptSummary后记 Why AI will spark exponential economic growth Link: https://www.ted.com/talks/cathie_wood_why_ai_will_spark_exponential_economic_growth…

[Java、Android面试]_18_详解Handler机制 常见handler面试题(非常重要,非常高频!!)

本人今年参加了很多面试&#xff0c;也有幸拿到了一些大厂的offer&#xff0c;整理了众多面试资料&#xff0c;后续还会分享众多面试资料。 整理成了面试系列&#xff0c;由于时间有限&#xff0c;每天整理一点&#xff0c;后续会陆续分享出来&#xff0c;感兴趣的朋友可关注收…

vue 原理【详解】MVVM、响应式、模板编译、虚拟节点 vDom、diff 算法

vue 的设计模式 —— MVVM M —— Model 模型&#xff0c;即数据V —— View 视图&#xff0c;即DOM渲染VM —— ViewModel 视图模型&#xff0c;用于实现Model和View的通信&#xff0c;即数据改变驱动视图渲染&#xff0c;监听视图事件修改数据 初次渲染 将模板编译为 render …

Rust那些事之ToOwned trait

Rust那些事之ToOwned trait 默认的Clone trait有两个问题&#xff1a; 只支持固定大小的类型转换也只能从&T到T&#xff0c;不能够从&T到U的转换。 pub trait Clone: Sized 那么如何实现呢&#xff1f;于是便有了ToOwned trait。 ToOwned内部有一个关联类型Owned&#…

redis-缓存穿透与雪崩

一&#xff0c;缓存穿透&#xff08;查不到&#xff09; 在默认情况下&#xff0c;用户请求数据时&#xff0c;会先在缓存(Redis)中查找&#xff0c;若没找到即缓存未命中&#xff0c;再在数据库中进行查找&#xff0c;数量少可能问题不大&#xff0c;可是一旦大量的请求数据&a…

洛谷-P1596 [USACO10OCT] Lake Counting S

P1596 [USACO10OCT] Lake Counting S - 洛谷 | 计算机科学教育新生态 (luogu.com.cn) #include<bits/stdc.h> using namespace std; const int N110; int m,n; char g[N][N]; bool st[N][N]; //走/没走 int dx[] {-1,-1,-1,0,0,1,1,1}; //八联通 int dy[] {-1,0,1,1,-1,1…

Linux中安装seata

Linux中安装seata 一、准备1、环境2、下载3、上传到服务器4、解压 二、配置1、备份配置文件2、导入sql3、修改配置前4、修改配置后5、在nacos中配置 三、使用1、启动2、关闭 一、准备 1、环境 因为要在 nacos 中配置&#xff0c;要求安装并启动 nacos 。可以参考这篇博客。 …

微服务学习3

目录 1.微服务保护 1.1.服务保护方案 1.1.1.请求限流 1.1.2.线程隔离 1.1.3.服务熔断 1.2.Sentinel 1.2.1.微服务整合 1.2.2.请求限流 1.3.线程隔离 1.3.1.OpenFeign整合Sentinel 1.3.2.配置线程隔离 1.4.服务熔断 1.4.1.编写降级逻辑 1.4.2服务熔断 2.分布式事…

SecureCRT通过USB-Servial ch340串口无法连接单片机

通过USB To TTL连线 STM32F103-PRO&#xff0c;烧制程序到单片机上&#xff0c;通过SecureCRT通过USB-Servial ch340串口无法链接RS232升USB转TTL连接正确 开发板连接正确 问题&#xff1a;SecureCRT串口连接没有反应 问题分析&#xff1a;1、检查ch340串口驱动 查看设备管…

Verilog实现手表计时

实现手表的计时功能&#xff1a; 1.具有start启动信号、pause暂停信号&#xff0c;可以自定义其触发机制。 2.具有时间更改接口&#xff0c;可以更改时、分、秒。 3.输出时、分、秒。 Verilog设计 模块端口定义&#xff1a; module watch1(input wire clk …

【Java】Set集合的基本使用

&#x1f4dd;个人主页&#xff1a;哈__ 期待您的关注 一、HashSet集合 1.HashSet集合的特点 2.HashSet常用方法 ①&#xff1a;add(Object o)&#xff1a;向Set集合中添加元素&#xff0c;不允许添加重复数据。 ②&#xff1a;size()&#xff1a;返回Set集合中的元素个数…

空腹血糖正常情况下,针刺感觉的成因是什么?

前一阵&#xff0c;在好大夫看到一则北京崇文门医院朱学敏大夫看诊时案例&#xff1a; “患者就诊&#xff0c;询问得知患者没有用降糖药&#xff0c;目前空腹餐后血糖升高&#xff0c;达到7.7左右&#xff0c;餐后大概在11.5-11.9之间。”整体来说&#xff0c;患者血糖还是偏…