簡述:django 在views中有數據需要通過字典(dict)的方式傳遞給template,該字典中又包含了字典,而且字典中的鍵值還是一個對象,在template中處理傳遞過來的數據的時候,字典不能通過鍵值的方式取出原有數據,對象不能通過(.)的方式直接取出數據,通過大量地查閱資料,最終通過過濾器(filter)的方式解決!
1、需要傳遞到template的數據,在 views.py 中的index函數中
latest_article_list 是一個Article對象的列表,包含文章ID、作者、發布時間、分類等各種信息
dic['tag_list'] 為一個列表(文章標簽列表)
articles_info是一個以字典為元素的列表,而且該字典中 鍵'article'對應的不是普通變量,而是一個Article對象
view.py
1 def index(request): 2 latest_article_list = Article.objects.query_by_time() 3 articles_info = [] 4 dic = {} 5 for article in latest_article_list: 6 taginfo = Article.objects.get(id=article.id) 7 dic['tag_list'] = taginfo.tags.all() 8 dic['article'] = article; 9 articles_info.append(dic) 10 dic = {} 11 12 loginform = LoginForm() 13 context = {'articles_info':articles_info, 'loginform':loginform} 14 return render(request, 'index.html', context)
2、template如何引用views傳遞過來的變量值?
在index.html中,可以先遍歷列表,得到每一個字典變量;
1 {% for article_info in articles_info %}
遍歷 articles_info 之后的article_info 為一個字典,通過前面的views可以知道里面包含了一個article對象和一個tag_list列表;
對於article_info這個字典變量,在模板中卻不能通過鍵值對獲取對應的值,更別說獲取Article對象中ID、作者、發布時間等屬性值了,為了解決這一問題,這里就需要過濾器才能實現;
3、自定義過濾器
1)、在app目錄下建立templagetags文件夾,在此目錄下建立空文件 __init__.py和過濾器文件articleinfo.py;
2)、編輯 articleinfo.py,添加過濾器 get_key 和get_attr,get_key獲取字典不同鍵對應的值,get_attr獲取Article對象中不同字段對應的值;
articleinfo.py
1 from django import template 2 register = template.Library() 3 4 @register.filter 5 def get_key(d, key_name): 6 return d.get(key_name) 7 8 @register.filter 9 def get_attr(d, m): 10 if hasattr(d, m): 11 return getattr(d, m)
4、模板中使用過濾器,獲取各種變量值;
index.html中,首先需要通過標簽加載上面定義的過濾器文件 articleinfo.py,然后就是index.html模板中調用過濾器了,具體的使用方法見下面的index.html文件;
{% load articleinfo %}
下面的index.html中變量使用的部分代碼,使用了雙重過濾器提取出了所需要的變量;
比如第4行中
{{ article_info|get_key:"article"|get_attr:"id" }}
首先通過 article_info|get_key:"article" 獲取到字典中的article對象,但此處需要的是article對象中的ID屬性,由於並不能通過{{ article_info|get_key:"article".id }} 獲取到對應的ID值,所以只好雙重過濾器來實現了。
index.html
1 {% for article_info in articles_info %} 2 <div class="row"> 3 <article class="col-xs-12"> 4 <h3><a id="article_title", href="/focus/{{ article_info|get_key:"article"|get_attr:"id" }}">{{ article_info|get_key:"article"|get_attr:"title" }}</a></h3> 5 <div class="article_info"> 6 <span class="">{{ article_info|get_key:"article"|get_attr:"author" }}</span> 7 <span class="">{{ article_info|get_key:"article"|get_attr:"create_time"|date:"Y-m-d H:i" }}</span> 8 </div> 9 <div class="category"> 10 分類: 11 <a href="#" class>{{ article_info|get_key:"article"|get_attr:"category" }}</a> 12 </div> 13 <div class="category"> 14 標簽: 15 {% for tag in article_info|get_key:"tag_list" %} 16 <a href="#">{{ tag }}</a> 17 {% endfor %} 18 </div> 19 <p>{{ article_info|get_key:"article"|get_attr:"content"|truncatechars_html:80 | safe }}</p> 20 <p><button class="btn btn-default" onclick="window.location.href='/focus/{{ article_info|get_key:"article"|get_attr:"id" }}' ">Read More</button></p> 21 <ul class="list-inline"> 22 <li><a href="#"><span class="glyphicon glyphicon-comment"></span>{{ article_info|get_key:"article"|get_attr:"comment_num" }} Comments</a></li> 23 <li><a href="#"><span class="glyphicon glyphicon-thumbs-up"></span>{{ article_info|get_key:"article"|get_attr:"like_num" }} Likes</a></li> 24 </ul> 25 </article> 26 </div> 27 <hr> 28 {% endfor %}