美文网首页
Django -- Polls - Part 6

Django -- Polls - Part 6

作者: liaozb1996 | 来源:发表于2018-03-21 22:14 被阅读0次

    Django 渲染一个页面所需的图片,CSS, Javascript 称为静态文件

    mysite/settings.py
    django.contrib.staticfiles 会自动收集每个APP的静态文件,并将它们存放在一个目录中,以供访问。

    CSS

    • 在APP下创建目录:polls/static/polls/style.css (第二个/poll起命名空间的作用)

    创建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 'polls/style.css' %} 会生成一个绝对路径

    背景图片

    创建路径:polls/static/polls/images/background.jpg

    修改 CSS

    body {
        background: black url("images/background.jpg") no-repeat;
        /* 在这里使用的是相对路径,只有在模板中才可以使用 {% static %} */
    }
    
    background

    在配置文件 mysite/settings.py 中,STATIC_URL = '/static/' 可以修改静态文件的URL

    相关文章

      网友评论

          本文标题:Django -- Polls - Part 6

          本文链接:https://www.haomeiwen.com/subject/ttvnqftx.html