Django 博客開發教程 11 - 分類與歸檔

側邊欄已經正確地顯示了最新文章列表、歸檔、分類等信息。如今來完善歸檔和分類功能,當用戶點擊歸檔下的某個日期或者分類下的某個分類時,跳轉到文章列表頁面,顯示該日期或者分類下的所有文章。html

歸檔頁面

要顯示某個歸檔日期下的文章列表,思路和顯示主頁文章列表是同樣的,回顧一下主頁視圖的代碼:python

blog/views.py

def index(request):
    post_list = Post.objects.all().order_by('-created_time')
    return render(request, 'blog/index.html', context={'post_list': post_list})

主頁視圖函數中咱們經過 Post.objects.all() 獲取所有文章,而在咱們的歸檔和分類視圖中,咱們再也不使用 all 方法獲取所有文章,而是使用 filter 來根據條件過濾。先來看歸檔視圖:git

blog/views.py

def archives(request, year, month):
    post_list = Post.objects.filter(created_time__year=year,
                                    created_time__month=month
                                    ).order_by('-created_time')
    return render(request, 'blog/index.html', context={'post_list': post_list})

這裏咱們使用了模型管理器(objects)的 filter 函數來過濾文章。因爲是按照日期歸檔,所以這裏根據文章發表的年和月來過濾。具體來講,就是根據 created_timeyearmonth 屬性過濾,篩選出文章發表在對應的 year 年和 month 月的文章。注意這裏 created_time 是 Python 的 date 對象,其有一個 yearmonth 屬性,咱們在 頁面側邊欄:使用自定義模板標籤 使用過這個屬性。Python 中類實例調用屬性的方法一般是 created_time.year,可是因爲這裏做爲函數的參數列表,因此 Django 要求咱們把點替換成了兩個下劃線,即 created_time__year。同時和 index 視圖中同樣,咱們對返回的文章列表進行了排序。此外因爲歸檔的下的文章列表的顯示和首頁是同樣的,所以咱們直接渲染了index.html 模板。github

寫好視圖函數後就是配置好 URL:正則表達式

blog/urls.py

from django.conf.urls import url

from . import views

app_name = 'blog'
urlpatterns = [
    url(r'^$', views.index, name='index'),
    url(r'^post/(?P<pk>[0-9]+)/$', views.detail, name='detail'),
    + url(r'^archives/(?P<year>[0-9]{4})/(?P<month>[0-9]{1,2})/$', views.archives, name='archives'),
]

這個歸檔視圖對應的 URL 的正則表達式和 detail 視圖函數對應的 URL 是相似的,這在以前咱們講過。兩個括號括起來的地方是兩個命名組參數,Django 會從用戶訪問的 URL 中自動提取這兩個參數的值,而後傳遞給其對應的視圖函數。例如若是用戶想查看 2017 年 3 月下的所有文章,他訪問 /archives/2017/3/,那麼 archives 視圖函數的實際調用爲:archives(request, year=2017, month=3)數據庫

在模板找到歸檔列表部分的代碼,修改超連接的 href 屬性,讓用戶點擊超連接後跳轉到文章歸檔頁面:django

templates/base.html

{% for date in date_list %}
<li>
  <a href="{% url 'blog:archives' date.year date.month %}">
    {{ date.year }} 年 {{ date.month }} 月
  </a>
</li>
{% endfor %}

這裏 {% url %} 這個模板標籤的做用是解析視圖函數 blog:archives 對應的 URL 模式,並把 URL 模式中的年和月替換成 date.yeardate.month 的值。例如 blog:archives 表示 blog 應用下的 archives 函數,這個函數對應的 URL 模式爲 ^archives/(?P<year>[0-9]{4})/(?P<month>[0-9]{1,2})/$,假設 date.year=2017date.month=5,那麼 {% url 'blog:archives' date.year date.month %} 模板標籤返回的值爲/archives/2017/5/。服務器

爲何要使用 {% url %} 模板標籤呢?事實上,咱們把超連接的 href 屬性設置爲 /archives/{{ date.year }}/{{ date.month }}/ 一樣能夠達到目的,可是這種寫法是硬編碼的。雖然如今 blog:archives 視圖函數對應的 URL 模式是這種形式,可是若是哪天這個模式改變了呢?若是使用了硬編碼的寫法,那你須要把每一處 /archives/{{ date.year }}/{{ date.month }}/ 修改成新的模式。但若是使用了 {% url %} 模板標籤,則不用作任何修改。markdown

測試一下,點擊側邊欄歸檔的日期,跳轉到歸檔頁面,發現報了個錯誤,提示沒有安裝 pytz。激活虛擬環境,使用 pip install pytz 安裝便可。app

重啓一下開發服務器,再次測試,發現能夠顯示歸檔下的文章列表了。

分類頁面

一樣的寫好分類頁面的視圖函數:

blog/views.py

import markdown

from django.shortcuts import render, get_object_or_404

# 引入 Category 類
from .models import Post, Category

def category(request, pk):
    # 記得在開始部分導入 Category 類
    cate = get_object_or_404(Category, pk=pk)
    post_list = Post.objects.filter(category=cate).order_by('-created_time')
    return render(request, 'blog/index.html', context={'post_list': post_list})

這裏咱們首先根據傳入的 pk 值(也就是被訪問的分類的 id 值)從數據庫中獲取到這個分類。get_object_or_404 函數和 detail 視圖中同樣,其做用是若是用戶訪問的分類不存在,則返回一個 404 錯誤頁面以提示用戶訪問的資源不存在。而後咱們經過 filter 函數過濾出了該分類下的所有文章。一樣也和首頁視圖中同樣對返回的文章列表進行了排序。

URL 配置以下:

blog/urls.py

from django.conf.urls import url

from . import views

app_name = 'blog'
urlpatterns = [
    url(r'^$', views.index, name='index'),
    url(r'^post/(?P<pk>[0-9]+)/$', views.detail, name='detail'),
    url(r'^archives/(?P<year>[0-9]{4})/(?P<month>[0-9]{1,2})/$', views.archives, name='archives'),
    + url(r'^category/(?P<pk>[0-9]+)/$', views.category, name='category'),
]

這個分類頁面對應的 URL 模式和文章詳情頁面對應的 URL 模式十分相似,你能夠本身分析分析它是如何工做的,在此就不贅述了。

修改相應模板:

templates/base.html

{% for category in category_list %}
<li>
  <a href="{% url 'blog:category' category.pk %}">{{ category.name }}</a>
</li>
{% endfor %}

一樣,{% url %} 模板標籤的用法和寫歸檔頁面時的用法是同樣的。如今嘗試點擊相應的連接,就能夠跳轉到歸檔或者分類頁面了。

總結

本章節的代碼位於:Step11: category and archive

若是遇到問題,請經過下面的方式尋求幫助。

更多Django 教程,請訪問 追夢人物的博客

相關文章
相關標籤/搜索