django css文件導入,模板繼承


今天寫了一下模板繼承

剛開始感覺還行,也挺簡單的

當只有html的時候還是能繼承到的,代碼如下。首先在父html文件里加入

{% block content %}
     {% block extracss %}{% endblock %}
{% endblock %}

把這一段加在父html下面想要被繼承的地方。

然后子模板里加載

{% extends "login/nav.html" %}

{% block content %}
想要添加的內容 {% endblock%}

就如此而已。

接下來講一下css文件,我一開始以為是繼承的時候css沒對上去,找了一堆資料來做

但是,都沒有解決

誒,結果偶然發現,django對導入css文件不是很友好,

首先,在項目下創建一個文件夾,名為static

然后創建css,(當然導入js,img其他文件都可以在這里創建)

 之后去setting里添加下面代碼,

STATIC_URL = '/static/'      #這句應該本來就在的,我的是在最底下找到的

STATIC_ROOT = os.path.join(BASE_DIR,'static')

STATICFILES_DIRS = [
    ('css',os.path.join(STATIC_ROOT,'css')),
]

那怎么導入css文件呢,路徑也對不上,添加如下代碼在<head>標簽里

{%load staticfiles%}        <!--需要添加load staticfiles-->
    <link rel="stylesheet" href="{% static 'css/css.css' %}">    <!--引入使用的css文件-->
    {%block css%}
    {%endblock css%}       <!--在子模板添加css文件方式-->

然后繼承的子html里css文件也會自動導入

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM