1. 程式人生 > >05.Django模板層

05.Django模板層

size default led date gin get 整型 html標簽 not

Django模板層

01.模板語法之變量
  <h4>{{s}}</h4> # str
  <h4>列表:{{ l.0 }}</h4> # 列表
  <h4>列表:{{ l.2 }}</h4> # 列表
  <h4>字典:{{ dic.name }}</h4> # 字典
  <h4>日期:{{ date.year }}</h4> # date = datetime.date(1993, 5, 2) 日期對象
  <h4>類對象列表:{{ person_list.0.name }}</h4> # [obj1, obj2, obj3....]


02.模板之過濾器
  語法:{{obj|filter__name:param}}

default
如果一個變量是false或者為空,使用給定的默認值。否則,使用變量的值。例如:
{{ value|default:"nothing" }}

length
返回值的長度。它對字符串和列表都起作用。例如:
{{ value|length }}

date
如果 value=datetime.datetime.now()
{{ value|date:"Y-m-d" }}

slice
如果 value="hello world"
{{ value|slice:"2:-1" }}

truncatechars


如果字符串字符多於指定的字符數量,那麽會被截斷。截斷的字符串將以可翻譯的省略號序列(“...”)結尾。
用於簡介
參數:要截斷的字符數
例如:
{{ value|truncatechars:9 }}

safe
Django的模板中會對HTML標簽和JS等語法標簽進行自動轉義,原因顯而易見,這樣是為了安全。
但是有的時候我們可能不希望這些HTML元素被轉義
value="<a href="">點擊</a>"
{{ value|safe}}


03.模板之標簽

  (1)for ... empty
  {% for person in person_list %}
  <p>{{ person.name }}</p>

  {% empty %} # 如果沒有person_list
  <p>sorry,no person here</p>
  {% endfor %}

(2)forloop循環序號可以通過{{forloop}}顯示
  1.forloop.counter:
  總是一個表示當前循環的執行次數的整數計數器。
  這個計數器是從1開始的,所以在第一次循環時 forloop.counter 將會被設置為1。
  {% for item in todo_list %}
  <p>{{ forloop.counter }}: {{ item }}</p>
  {% endfor %}

2.forloop.counter0:
類似於 forloop.counter ,但是它是從0計數的。 第一次執行循環時這個變量會被設置為0。

3.forloop.revcounter:
是表示循環中剩余項的整型變量。 在循環初次執行時 forloop.revcounter 將被設置為序列中項的總數。
最後一次循環執行中,這個變量將被置1。

4.forloop.revcounter0
類似於 forloop.revcounter ,但它以0做為結束索引。
在第一次執行循環時,該變量會被置為序列的項的個數減1。

5.forloop.first
是一個布爾值,如果該叠代是第一次執行,那麽它被置為```` 在下面的情形中這個變量是很有用的
{% for object in objects %}
{% if forloop.first %}<li class="first">{% else %}<li>{% endif %}
{{ object }}
</li>
{% endfor %}

6.forloop.last
是一個布爾值;在最後一次執行循環時被置為True。 一個常見的用法是在一系列的鏈接之間放置管道符(|)
{% for link in links %}{{ link }}{% if not forloop.last %} | {% endif %}{% endfor %}
上面的模板可能會產生如下的結果:
Link1 | Link2 | Link3 | Link4
另一個常見的用途是為列表的每個單詞的加上逗號。
Favorite places:
{% for p in places %}{{ p }}{% if not forloop.last %}, {% endif %}{% endfor %}

(3)if 標簽
  {% if num > 100 or num < 0 %}
  <p>無效</p>
  {% elif num > 80 and num < 100 %}
  <p>優秀</p>
  {% else %}
  <p>湊活吧</p>
  {% endif %}

(4)with
  使用一個簡單地名字緩存一個復雜的變量,當你需要使用一個“昂貴的”方法(比如訪問數據庫)
  很多次的時候是非常有用的 with name=xxxxx

  {% with total=business.employees.count %}
  {{ total }} employee{{ total|pluralize }}
  {% endwith %}

04.自定義標簽和過濾器
1、在settings中的INSTALLED_APPS配置當前app,不然django無法找到自定義的simple_tag.

2、在app中創建templatetags模塊(模塊名只能是templatetags)

3、創建任意 .py 文件,如:my_tags.py

 1 from django import template
 2 from django.utils.safestring import mark_safe # 讓傳輸的html為安全,瀏覽器不進行轉譯
 3 register = template.Library() #register的名字是固定的,不可改變 
 4 @register.filter # 用於在html中改變原有的值{% num|函數名 參數 %}
 5   def filter_multi(v1,v2):
 6   return v1 * v2
 7 
 8 @register.simple_tag # 用於在html中生成原html中沒有的值{% 函數名 參數 參數%}
 9 def simple_tag_multi(v1,v2):
10   return v1 * v2
11 
12 @register.simple_tag
13 def my_input(id,arg):
14   result = "<input type=‘text‘ id=‘%s‘ class=‘%s‘ />" %(id,arg,)
15   return mark_safe(result)
16 
17 @register.inclusion_tag("classification.html") # 括號可以引入模板
18   def get_classification_style(username):
19 ‘‘‘
20 執行完查詢語句後,返回return給classification.html這個模板
21 :param username: 需要views.py中進行傳入
22 :return: 帶數據的html
23 ‘‘‘
24   user_obj = models.UserInfo.objects.filter(username=username).first() # 查看用戶是否存在可用.exists()
25 
26   blog_obj = user_obj.blog
27   print("blog", blog_obj)
28   cate_list = models.Category.objects.filter(blog=blog_obj).values("pk").annotate(c=Count("article__title")).values("title", "c")
30   print(cate, cate_list)
31   tag_list = models.Tag.objects.filter(blog=blog_obj).values("pk").annotate(c=Count("article__title")).values("title","c")
33   print(tag, tag_list)
34 
35   date_list = models.Article.objects.filter(user=user_obj).extra(
36   select={"y_m_date": "strftime(‘%%Y-%%m‘, create_time)"}).values("y_m_date").annotate(c=Count("nid")).values("y_m_date", "c")
39   print(date, date_list)
40 
41   return {"blog_obj": blog_obj, "cate_list": cate_list, "tag_list": tag_list, "date_list": date_list,"username": username}

4.在使用自定義simple_tag和filter的html文件中導入之前創建的 my_tags.py
  {% load my_tags %}

5.使用simple_tag和filter(如何調用)
  # num=12
  {{ num|filter_multi:2 }} #24
  {{ num|filter_multi:"[22,333,4444]" }}
  {% simple_tag_multi 2 5 %} 參數不限,但不能放在if for語句中
  {% simple_tag_multi num 5 %}

  *註意:filter可以用在if等語句後,simple_tag不可以

  {% if num|filter_multi:30 > 100 %}
  {{ num|filter_multi:30 }}
  {% endif %}


05.模板繼承 (extend)

{% extends "base.html" %}

{% block title %}My amazing blog{% endblock %}

{% block content %}
{% for entry in blog_entries %}
<h2>{{ entry.title }}</h2>
<p>{{ entry.body }}</p>
{% endfor %}
{% endblock %}

為了更好的可讀性,你也可以給你的{% endblock %} 標簽一個 名字 。例如:

{% block content %}
...
{% endblock content %}


在大型模版中,這個方法幫你清楚的看到哪一個  {% block %} 標簽被關閉了。

不能在一個模版中定義多個相同名字的 block 標簽。

06.路徑模板{% staic url%}

  static為settings.py配置的STATIC_URL

  css:
  <link rel="stylesheet" href="{% static ‘blog/css/highlights/github.css‘ %}">
  js:
  <script src="{% static ‘blog/js/jquery-2.1.3.min.js‘ %}"></script>

05.Django模板層