14. 已知小问题修正

本教程内容已过时,更新版教程请访问: Django 博客开发入门教程

文章按发布时间逆序排列

有的朋友已经注意到了,目前文章列表的显示顺序是按照发布时间顺序排列的,最新发布的文章排在最后,这不符合习惯。正确的排列方式应该是按发布时间逆序排列,即最新发表的文章应该显示在最前面。要实现这种排列方式有两种方法。

首先看到我们的首页视图函数:

blog/views.py

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

首页视图函数的功能是从数据库获取到全部文章的列表,然后渲染首页模板以显示这些文章数据。我们通过 Post.objects.all() 获取到全部文章数据,这个方法返回一个类似于列表一样的数据结构。通过调用 order_by 方法可以对其进行排序,即把首页视图函数的代码改成:

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 的 created_time 属性的值进行排序,前面的负号表示逆序排列,不加负号则是正常的正序排列。

这是首页的文章列表的,另外我们还有某一分类下的文章列表,以及归档下的文章列表。同理我们可以在相应的视图函数里把获取到的文章列表按照上述方式排序即可。但我们也会发现每个地方都要加上这么一个排序方法显得很麻烦。因此我们介绍第二种排序方式,使用 Post 的 Meta 属性。

django 允许我们在 models.Model 的子类里定义一个 Meta 的内部类,这个内部类通过指定一些属性来规定这个类本该有的一些特性,例如在这里我们要指定 Post 的排序方式。首先看到 Post 的代码:

blog/models.py

@python_2_unicode_compatible
class Post(models.Model):
    ...
    created_time = models.DateTimeField()
    ...

    def __str__(self):
        ...
        
    def get_absolute_url(self):
        ...

现在在 Post 类的内部定义一个 Meta 类,并指定排序属性:

blog/models.py

@python_2_unicode_compatible
class Post(models.Model):
    ...
    created_time = models.DateTimeField()
    ...

    def __str__(self):
        ...
        
    def get_absolute_url(self):
        ...
    
    class Meta:
        ordering = ['-created_time']

这里 ordering 属性用来指定文章排序方式,['-created_time'] 指定了依据哪个属性的值进行排序,这里指定了文章发布时间,且负号表示逆序排列。这里列表中可以用多个项,比如 ordering = ['-created_time', 'title'] ,那么首先会依据 created_time 排序,如果 created_time 的值相同,则再依据 title 排序。

此后所有返回的文章列表都会自动按照 Meta 中指定的顺序排序了。

一些脚本文件忘了修改 static 标签

我们前面通过 {% static %} 标签来引入 css 和 js 文件,但是前面的教程漏掉了一些 js 文件的引入,导致点击导航栏处的搜索按钮无效,这里修复一下。打开 base.html 文件,修改文件最底部处的一个 js 文件引用:

base.html

...
<body>
...
- <script src="js/script.js"></script>
+ <script src="{% static 'blog/js/script.js' %}"></script>
</body>

完善一些跳转链接

导航栏有一个 Black & White 的 Logo,我们希望点击它就能回到首页面,只修修改一下超链接即可。打开 base.html,修改 Logo 处的超链接:

<header id="site-header">
  <div class="row">
      <div class="logo">
        - <h1><a href="index.html"><b>Black</b> & White</a></h1>
        + <h1><a href="{% url 'blog:index' %}"><b>Black</b> & White</a></h1>
      </div>
  ...
  </div>
</header>

另外导航栏还有一个 Home 导航按钮,也希望点击它就能回到首页面,修改的任务作为练习交给你了。

结束语

感谢大家的支持,django 博客开发入门教程在这里就全部结束了。

但是,还没完...

通过大家的反馈,教程暴露了很多的问题,这是我个人水平问题造成的。我会根据大家的反馈持续修正教程的内容,使其更加完善,尽可能地为后来的学习者扫除学习障碍。

另外,由于本教程定位为面向零基础的 django 入门开发者,所以涉及的内容有限,博客实现的功能也很单一。像如何部署博客到服务器、实现博客文章列表分页、全文搜索、标签等都没有涉及。关于这方面的内容我会写到另一专题中,并发布到我的个人博客:追梦人物的博客。本博客也会持续更新和 django 开发有关的其它话题,如果你要进一步学习 django 开发的话,请关注我的个人博客。

和其它 django 开发者交流也是学好 django 的重要途径,这里汇集了大量经验丰富的 django 开发者,他们能在你学习 django 时为你提供有价值的帮助,期待你的加入。

django 学习小组 QQ 群:561422498

django 学习交流论坛:Python 中文社

django 学习小组邮件列表:django_study@groups.163.com

django 博客:追梦人物的博客

推荐阅读更多精彩内容