Django基础,Day9 - 静态文件目录与路径设置说明(eg. images, JavaScript, CSS)

静态文件路径设置官方说明

1. Make sure that django.contrib.staticfiles is included in your INSTALLED_APPS.文章来源地址https://www.yii666.com/article/754158.html

2. In your settings file, define STATIC_URL, for example:   

STATIC_URL = '/static/'

3. Store your static files in a folder called static in your app. For example my_app/static/my_app/myimage.jpg.文章来源地址:https://www.yii666.com/article/754158.html

4. In your templates, either hardcode the url like /static/my_app/myexample.jpg or, preferably, use the static template tag to build the URL for the given relative path by using the configured STATICFILES_STORAGE storage (this makes it much easier when you want to switch to a content delivery network (CDN) for serving static files).

{% load staticfiles %}

<img src="{% static "my_app/myexample.jpg" %}" alt="My image"/>

使用实例

在前面的例子中,我们使用了上面第三种设置方式,在app目录下,创建了static目录,里面还创建了名字跟app名称一样的目录,里面才放静态资源文件,路径如:

polls/static/polls/style.css,在template中引入时使用

{% load static %}

<link rel="stylesheet" type="text/css" href="{% static 'polls/style.css' %}" />

一、Django 项目默认读取静态文件目录如 /projectName/appName/static/

二、如果我们不想将静态文件放到app甚至project目录下时,可以在settings.py 中设置 STATICFILES_DIRS ,如:

STATICFILES_DIRS = (
'D://static/',
# os.path.join(BASE_DIR, "static"),
# '/var/www/static/',
)

接着前面的例子,此时创建 D://static/polls/style.css

li a {
color: red;
} body {
background: white url("images/background.jpg") no-repeat center Top;
}

刷新页面 则可发现,链接中的文字颜色由原先的绿色变成了红色,说明页面引用的css路径生效文章地址https://www.yii666.com/article/754158.html网址:yii666.com

Django基础,Day9 - 静态文件目录与路径设置说明(eg. images, JavaScript, CSS)


Django基础,Day9 - 静态文件目录与路径设置说明(eg. images, JavaScript, CSS)

***微信扫一扫,关注“python测试开发圈”,了解更多测试教程!***网址:yii666.com<

版权声明:本文内容来源于网络,版权归原作者所有,此博客不拥有其著作权,亦不承担相应法律责任。文本页已经标记具体来源原文地址,请点击原文查看来源网址,站内文章以及资源内容站长不承诺其正确性,如侵犯了您的权益,请联系站长如有侵权请联系站长,将立刻删除

Django基础,Day9 - 静态文件目录与路径设置说明(eg. images, JavaScript, CSS)-相关文章

  1. jersey在 spring boot 添加 packages 扫描路径支持

  2. Eclipse 工程使用相对路径导入Jar包设置

  3. 设置xml以让通知spring 扫描 注解

  4. Spring 扫描标签<context:component-scan/>

  5. Django基础,Day9 - 静态文件目录与路径设置说明(eg. images, JavaScript, CSS)

  6. Servlet3.0 jsp跳转到Servlet 出现404错误的路径设置方法

  7. spring扫描classpath下特定package,并加载具有特定注解的接口

  8. XCode环境变量及路径设置

    一般我们在xcode里面配置包含工程目录下头文件的时候,都要关联着相对路径和绝对路径,如果只是自己用这个项目,用绝对路径的问题不大,但是如果你把工程发给别人,别人就要在改这个绝对路径,这时候绝对路径的缺点立马出现。所以在修改User Header Search Paths这个选项的

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信图片_20190322181744_03.jpg

微信扫一扫打赏

请作者喝杯咖啡吧~

支付宝扫一扫领取红包,优惠每天领

二维码1

zhifubaohongbao.png

二维码2

zhifubaohongbao2.png