05.Django模板層

Django模板層css

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....]html


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

default
若是一個變量是false或者爲空,使用給定的默認值。不然,使用變量的值。例如:
{{ value|default:"nothing" }}git

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

date
若是 value=datetime.datetime.now()
{{ value|date:"Y-m-d" }}數據庫

slice
若是 value="hello world"
{{ value|slice:"2:-1" }}django

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.自定義標籤和過濾器
一、在settings中的INSTALLED_APPS配置當前app,否則django沒法找到自定義的simple_tag.

二、在app中建立templatetags模塊(模塊名只能是templatetags)

三、建立任意 .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>
相關文章
相關標籤/搜索