previous

next

实现上下篇文章跳转

1、去官网查询组件

2、进行页面修改

在文章详情页增加前后篇文章的跳转按钮

html改造

def get_detail_page(request, article_id):
    curr_article = None
    previous_article = None
    next_article = None
    previous_index = 0
    next_index = 0
    all_article = Article.objects.all()
    for index, article in enumerate(all_article):
        if index == 0:
            previous_index = 0
            next_index = index + 1
        elif index == len(all_article) - 1:
            previous_index = index - 1
            next_index = index
        else:
            previous_index = index - 1
            next_index = index + 1
        if article.article_id == article_id:
            curr_article = article
            previous_article = all_article[previous_index]
            next_article = all_article[next_index]
            break
    return render(request, 'blog/detail.html', {
        'curr_article': curr_article,
        'previous_article': previous_article,
        'next_article': next_article
    })

实现上下篇文章跳转

实现上下篇文章跳转