Django template 操做

模版路徑配置

配置SETTING 下載 TEMPLATES

 'DIRS': [os.path.join(BASE_DIR,'template')],

template 是你命名的模版文件夾

django的模板系統自帶了一系列的內建標籤和過濾器，通常狀況下能夠知足你的要求，若是以爲需更精準的模板標籤或者過濾器，你能夠本身編寫模板標籤和過濾器，而後使用{% load xxx %}標籤使用他們。
 

靜態文件路徑設置（CSS,JS,IMG）

STATICFILES_DIRS=(                                   #新增
    os.path.join(BASE_DIR,'static')，
    )

static是你命名的CSS文件夾，可任意命名，注意這裏的逗號必須加上。

模版中導入CSS

一、static文件夾在 app 外面 ,如上圖所示

settings.py 
須要配置：STATICFILES_DIRS

方法1：不推薦

緣由：/static/main.css 中/static/ 受到配置文件中  STATIC_ URL=‘/static/’ 影響 若是修改配置文件，全部url 都須要修改 爲/xxx/main.css 

templates 模版 html
<link rel="stylesheet" href='/static/main.css'>  

方法2：(推薦)  
templates 模版 html
模版中導入： {% load static %}     ----- static 是關鍵字，和你靜態文件夾名字無關
<link rel="stylesheet" href='{% static "main.css"%}'>

二、static 在app文件夾裏面
不須要配置 STATICFILES_DIRS
保持原有 STATIC_ URL=‘/static/’ 不變
 靜態文件夾 名稱必須爲 static

方法1：不推薦

緣由：/static/main.css 中/static/ 受到配置文件中  STATIC_ URL=‘/static/’ 影響 若是修改配置文件，全部url 都須要修改 爲/xxx/main.css 

templates 模版 html
<link rel="stylesheet" href='/static/main.css'>  

方法2：(推薦)  
templates 模版 html
模版中導入： {% load static %}     ----- static 是關鍵字，和你靜態文件夾名字無關
<link rel="stylesheet" href='{% static "main.css"%}'>

自定義標籤simple_tag

一、在 app 下建立1個 templatetags 包

二、在 templatetags 包下建立任意 1個 xxx.py 的模塊

三、在 xxx.py 下寫入下面相關語句

from django import  template
register=template.Library()
@register.simple_tag

四、在工程下的 template 文件夾 下的 html 文件導入 xxx.py 模塊

導入自定義標籤

{% load xxx  %}  xxx爲 xxx.py 的文件名，注意不要加 .py 後綴

應用自定義標籤

{% 自定義標籤函數 參數 %}     注意：函數之間參數有多少空格不受影響

自定義過濾標籤

和simple_tag 方法相似 ，只是把@register.simple_tag 裝飾器 替換成 @register.fliter

在模版中使用的時候，使用{{ 參數1 | 自定義的過濾函數:'參數2' }}，可是參數最多有兩個，

多個參數則須要在引號內，{{ 參數1 | 自定義的過濾函數:'參數2,參數3' }} 且參數不能有空格

可搭配 if 來使用   ｛% if  自定義過濾函數 %｝
注意事項：

• 包含templatetags目錄的app必定要在INSTALLED_APPS列表裏面
• {% load %}load的是模塊名，而不是app名
• 記得使用 from django import template ，register=template.Library()註冊

母板 ：{% block title%} {% endblock %}   #title爲你任意取的名稱

子板：{% extends "base.html" %}           導入母板   ，且必須放在第一行，不然會報錯
　　　{% block title %}{% endblock %}   繼承模板的內容 #title爲母板中取的名稱

include模版

加載其餘頁面模版 如 header.html ,footer.html

{% include 'header.html'%}

if , elif , and else
計算一個變量，而且當變量是「true」是，顯示塊中的內容：

{% if athlete_list %}
Number of athletes: {{ athlete_list|length }}
{% elif athlete_in_locker_room_list %}
Athletes should be out of the locker room soon!
{% else %}
No athletes.
{% endif %}

注意：當若是設置 {% if a == 1 %} 時, == 號兩端要加空格, 不然會致使轉義錯誤 。

或者用：

{% ifequal a 1%}  

{% endifequal %}  

例子：

{% if item.pay_status == 0 %}   # 等號兩端加空格
    <div style='color:red'>{{ item.get_pay_status_display }}</div>
{% else %}
    <div style='color:green'>{{ item.get_pay_status_display }}</div>
{% endif %}

for

{% for item in  data  %}

    {{item}}

{%endfor%}

forloop ：模版 中的for 循環自動包含了1個 forloop

forloop.counter 循環計數器

{% for item in  data  %}
    {{forloop.counter }}   #for 循環自帶的計數器 返回循環次數 ---1，2，3 ....
    {{forloop.counter0 }}   #counter0 計數器從0開始
    {{item}}

{%endfor%}

模版取值：

render(request,'xx.html',{ 'str':'lee', 'list':[ 1,2,3,4,], 'dict':{'k1':'v1','k2':'v2'} })

一、獲取單條數據

      獲取字符串：{{ str }}

      獲取列表中的第一個值：{{ list.0 }}

      獲取字典中的1個值：{{ dict.k1 }}

二、獲取多條數據 --- list ,dict

     list  : {%  for item in list %}

                   {{ item }}

             {%  endfor %} 

     dict :  { % for k,v in dict.items %}

                   {{ k }} = {{ v }}

              {  % endfor % }