今天寫了一下模板繼承
剛開始感覺還行,也挺簡單的
當只有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文件也會自動導入