页面侧边栏:分类

侧边栏已经正确地显示了最新文章列表、分类等信息。现在来完善分类功能,当用户点击分类下的某个分类时,跳转到文章列表页面,显示该分类下的全部文章。下面单单以分类页面作为例子说明,只要把下面的内容理解了,无论你在页面增加其他什么“归档”页面、“频道”页面,都是一样的操作。

分类页面

要显示某个分类下的文章列表,思路和显示主页文章列表是一样的,回顾一下主页视图的代码:

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 来根据条件过滤。来看分类视图:

blog/views.py

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})

这里我们使用了模型管理器(objects)的 filter 函数来过滤文章。

我们首先根据传入的 pk 值(也就是被访问的分类的 id 值)从数据库中获取到这个分类。get_object_or_404 函数和 detail 视图中一样,其作用是如果用户访问的分类不存在,则返回一个 404 错误页面以提示用户访问的资源不存在。然后我们通过 filter 函数过滤出了该分类下的全部文章。同样也和首页视图中一样对返回的文章列表进行了排序。

URL 配置如下:

blog/urls.py

from django.conf.urls import path

from . import views

app_name = 'blog'
urlpatterns = [
    path('', views.index, name='index'),
    path('post/(?P<pk>[0-9]+)/', views.detail, name='detail'),
    + path('category/(?P<pk>[0-9]+)/', views.category, name='category'),
]

这个分类页面对应的 URL 模式和文章详情页面对应的 URL 模式十分类似,你可以自己分析分析它是如何工作的,在此就不赘述了。

修改相应模板:

templates/base.html

{% get_categories as category_list %}
{% for category in category_list %}
<li>
    <a href="{% url 'blog:category' category.pk %}"><i class="icon-book"></i>{{ category.name }}<span class="post-count">(13)</span></a>
</li>
{% empty %}
暂无分类!
{% endfor %}

测试一下,点击侧边栏分类,发现可以显示分类下的文章列表了。可以尝试多增加几篇文章和不同的分类试试效果。