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>