zoukankan      html  css  js  c++  java
  • Django学习之静态文件

    服务器端除了除了通过模板生成的HTML外,网页应用还需要其它文件,比如CSS、JavaScript、图片等等。才能构成一个完整的网页。在Django中我们称其它的这些文件为静态文件。

    Django的STATICFILE_FINDERS中有一系列的默认查找路径,其中一个查找路径就是在应用目录中查找是否存在static目录,如果存在则在static目录查找需要的文件。

    首先,在blog目录下创建一个static的目录。在static目录里面,我们再创建一个blog目录。在blog里面,我们创建一个文件style.css。

    a {
        color:yellow;
    }

    然后,我们修改index.html

    <!DOCTYPE html>
    {% load staticfiles %}
    <link rel='stylesheet' type='text/css' href='{% static 'blog/style.css' %}' />    //添加静态文件。
    <html>
        <head>
            <title>My Blog</title>
        </head>
        <body>    
            <a href={% url 'blogs:edit' %}>edit</a>
            {% if blogs %}
            {% for blog in blogs %}
            <a href={% url 'blogs:detail' blog.id %}><h2>{{blog.title}}</h2></a>
            <p>Published {{blog.published_time}}</p>
            <p>{{blog.text | linebreaks}}</p>
            {% endfor %}
            {% else %}
            <p>No blog was published</p>
            {% endif %}
        </body>
    </html>

    然后我们重启服务器,输入地址,能够发现页面的链接已经变成黄色。

  • 相关阅读:
    Weex-语法笔记 一
    Entitlements (授权机制) 延伸
    FOUNDATION_EXPORT 延伸
    NS_ASSUME_NONNULL_BEGIN 延伸
    SSLPinning 延伸
    Socket.io 延伸
    UI_APPEARANCE_SELECTOR 延伸
    Modules和Autolinking
    代码块(Block)回调一般阐述
    数据库连接池配置错误导致OOM
  • 原文地址:https://www.cnblogs.com/tmyyss/p/4395122.html
Copyright © 2011-2022 走看看