• 07 Django之配置静态文件以及渲染图片


      js,css,img等都叫做静态文件,那么关于django中静态文件的配置,我们就需要在setting配置文件里面写上下面这些内容:

    #STATIC_URL = '/xxx/'  #别名,随便写的名字,但是如果你改名字,别忘了前面页面里面如果你是通过
    /xxx/bootstrap.css.所以我们都是用下面的load static的方式来使用静态文件路径
    STATIC_URL = '/static' #别名 STATICFILES_DIRS = [ os.path.join(BASE_DIR,'jingtaiwnejian'),#注意别忘了写逗号,第二个参数就是项目中你存放
    静态文件的文件夹名称 ]

      目录:  别名也是一种安全机制,浏览器上通过调试台你能够看到的是别名的名字,这样别人就不能知道你静态文件夹的名字了,不然别人就能通过这个文件夹路径进行攻击.

      前端页面引入静态文件的写法,因为别名也可能会修改,所以使用路径的时候通过load static找到别名,通过别名映射的方式来获取静态文件

    {% static %}

    {% load static %}
    <img src="{% static "images/hi.jpg" %}" alt="Hi!" />
    

      引用JS文件时使用:

    {% load static %}
    <script src="{% static "mytest.js" %}"></script>
    

      某个文件多出被用到可以存为一个变量

    {% load static %}
    {% static "images/hi.jpg" as myphoto %}
    <img src="{{ myphoto }}"></img>
    

      {% get_static_prefix %}

    {% load static %}
    <img src="{% get_static_prefix %}images/hi.jpg" alt="Hi!" />
    

      或者

    {% load static %}
    {% get_static_prefix as STATIC_PREFIX %}
    
    <img src="{{ STATIC_PREFIX }}images/hi.jpg" alt="Hi!" />
    <img src="{{ STATIC_PREFIX }}images/hi2.jpg" alt="Hello!" />
    
  • 相关阅读:
    MySQL------索引
    分组数据
    聚集函数
    Web的Java开发基础分享——学生信息管理系统(二)
    Web的Java开发基础分享——学生信息管理系统(一)
    shiny酷酷的第一篇CSDN博客
    vue2.0.js
    vue1.0.js的初步学习
    layui新手使用
    前端兼容性的一些问题
  • 原文地址:https://www.cnblogs.com/a2534786642/p/10477467.html
Copyright © 2020-2023  润新知