• Django 2.0 学习(09):Django 静态文件(样式和背景图片)


    应用的定制化:静态文件

    首先,在polls目录中创建一个名叫static的目录。Django会在该目录里面查找静态文件,类似于Django在polls/template目录下查找模板文件。

    Django的静态文件查找器配置包含了一系列的查找器,这些查找器知道如何从不同的源文件中查找静态文件。默认的AppDirrectoriesFinder查找器,会在每个INSTALLED_APPS中查找"static"子目录,就像我们刚才在polls创建的。

    static目录中,创建polls目录,在该目录中创建style.css文件;换句话说,样式表的目录为:polls/static/polls/style.css。由于静态文件查找器AppDirenctoriesFinder的工作,我们可也以像下面这面简单的创建静态文件polls/style.css,类似于模板路径。

    编辑polls/static/polls/style.css文件,添加如下代码:

    li a {
        color: green;
    }
    

    接下来,在polls/templates/polls/index.html文件的头部添加如下代码:

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

    {% static %}模板标签生成静态文件的绝对URL。重新访问http://localhost:8000/polls/,看到如下图所示:

    我们看到问题链接显示绿色,说明我们的样式产生作用。

    添加背景图片
    接下来,我们将为图片创建一个子目录,在polls/static/polls/目录中创建images子目录。在该目录中放置一张名叫background.gif的图片,换句话说,将图片放目录polls/static/polls/images/background.gif
    现在来添加样式,打开polls/static/polls/style.css文件,添加如下代码:

    body{
        background: white url("images/background.gif") no-repeat;
    }
    

    刷新http://localhost:8000/polls/页面,我们将会看到页面的左上方加载了背景图片。

    上面只是对静态文件的基本应用,更多信息参考静态文件参考

  • 相关阅读:
    VC开发,引用win8.1配置
    RabbitMQ——常见的函数介绍
    OpenLayer4——面(多边形)
    OpenLayer4——图形组合
    OpenLayer4——GeoJSON简介
    RabbitMQ——交换机
    RabbitMQ——helloworld
    OpenLayer4——添加Geojson
    RabbitMQ——消息头
    OpenLayer4——圆形
  • 原文地址:https://www.cnblogs.com/love9527/p/8664446.html
Copyright © 2020-2023  润新知