用Django全栈开发——17. 文章前端页面展示

大家好，这是皮爷给大家带来的最新的学习Python能干啥？之Django教程，从零开始，到最后成功部署上线的项目。这一节，我们将后端的数据在前端展示出来。

上两节，我们主要是针对后台的文章功能的开发，这一节，我们需要对前端文章的展示来做修改了。

前端文章页面回顾

在第12讲的时候，我们当时写了文章详情页的样子，张这个样子：

我们这一节的任务，就是讲文章的内容详细的在这个文章详情页里面展示出来。

后台数据填充

如果要展示文章，那么我们就先得有文章。所以我们现在后台数据库填充一篇文章：

我们把第12节的内容文章添加进来。看到文章ID为3，那么我们就要把这个文章的显示到前端detail页面里面。我们的URL初步设计为：http://localhost:8000/detail/<time_id>，文章time_id是20200517。

配置视图函数

既然我们知道的URL的规则，那么我们接下来就要写视图函数了。

我们之前在Poster下面的url里，配置了：

path("detail/", views.detail, name="detail"),

但是这个当中并没有带time_id，所以，我们应该把time_id加进来，

path("detail/<int:time_id>/", views.detail, name="detail"),

同时还应该修改一下视图函数：

def detail(request, time_id):
    post = Post.objects.select_related('category', 'author').get(time_id=time_id)
    context = {
   
        'post_data': post,
    }
    return render(request, 'post/detail.html', context=context)

这样，我们就将文章放到了一个名为post_data的变量中，传递给了前端，接下来，我们要在前端页面来集成我们的文章：