django快速做一个博客项目（4）

最新推荐文章于 2023-01-15 14:36:29 发布

Python_Heaven

最新推荐文章于 2023-01-15 14:36:29 发布

阅读量229

点赞数 1

分类专栏： django

本文链接：https://blog.csdn.net/qq_36710311/article/details/112645514

版权

django 专栏收录该内容

7 篇文章 2 订阅

订阅专栏

13实现分页功能

bootstrap实现分页按钮–>设计分页url–>使用django分页组件实现分页功能
index.html修改如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>django快速做一个博客项目</title>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"
            integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
            crossorigin="anonymous"></script>
</head>
<body>
<div class="container page-header">
    <h1>mycontent</h1>
    <small>--bymyself</small>
</div>
<div class="container page-body">
    <div class="col-md-9" role="main">
        <div class="body-main">
            {% for article in article_list %}
                <div>
                    <h2><a href="/blog/detail/{{ article.article_id }}">{{ article.title }}</a></h2>
                    <p>{{ article.brief_content }}</p>
                </div>
            {% endfor %}
        </div>

        <div class="body-footer">
            <div class="clo-md-4 col-md-offset-3">
                <nav aria-label="Page navigation">
                    <ul class="pagination">
                        <li>
                            <a href="/blog/index?page={{ previous_page }}" aria-label="Previous">
                                <span aria-hidden="true">&laquo;</span>
                            </a>
                        </li>
                        {% for num in page_num %}
                            <li><a href="/blog/index?page={{ num }}">{{ num }}</a></li>
                        {% endfor %}
                        <li>
                            <a href="/blog/index?page={{ next_page }}" aria-label="Next">
                                <span aria-hidden="true">&raquo;</span>
                            </a>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>
    <div class="col-md-3" role="complementary">
        <div>
            <h2>最新文章</h2>
            {% for article in article_list %}
                <h4><a href="/blog/detail/{{ article.article_id }}">{{ article.title }}</a></h4>
            {% endfor %}
        </div>
    </div>
</div>


</div>
</body>
</html>

clo-md-4 col-md-offset-3表示占4列，偏移3

视图函数views.py中如下：
使用Django自带的paginator分页

from django.core.paginator import Paginator
def get_index_page(request):
    page = request.GET.get('page')
    if page:
        page = int(page)
    else:
        page = 1
    all_article = Article.objects.all()
    paginator = Paginator(all_article, 2)
    page_num = paginator.num_pages
    page_article_list = paginator.page(page)
    if page_article_list.has_next():
        next_page = page + 1
    else:
        next_page = page
    if page_article_list.has_previous():
        previous_page = page - 1
    else:
        previous_page = page

    return render(request, 'blog/index.html',
                  {
                      'article_list': page_article_list,
                      'page_num': range(1, page_num + 1),
                      'curr_page': page,
                      'next_page': next_page,
                      'previous_page': previous_page
                  })

Python manage.py runserver启动项目查看如图：
在这里插入图片描述

14最后一个功能啦—最近文章

方法就是利用发布时间倒序排序

def get_index_page(request):
    page = request.GET.get('page')
    if page:
        page = int(page)
    else:
        page = 1
    all_article = Article.objects.all()
    top_article_list = Article.objects.order_by("-publish_data")[:2]
    paginator = Paginator(all_article, 2)
    page_num = paginator.num_pages
    page_article_list = paginator.page(page)
    if page_article_list.has_next():
        next_page = page + 1
    else:
        next_page = page
    if page_article_list.has_previous():
        previous_page = page - 1
    else:
        previous_page = page

    return render(request, 'blog/index.html',
                  {
                      'article_list': page_article_list,
                      'page_num': range(1, page_num + 1),
                      'curr_page': page,
                      'next_page': next_page,
                      'previous_page': previous_page,
                      'top_article_list': top_article_list
                  })

 <h2>最新文章</h2>
            {% for article in top_article_list %}
                <h4><a href="/blog/detail/{{ article.article_id }}">{{ article.title }}</a></h4>
            {% endfor %}

在这里插入图片描述
全部结束啦，恭喜各位完成了一个Django项目。继续努力学习吧。还有很多很多可以优化的东西。

Python_Heaven

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
django快速做一个博客项目（4）

13实现分页功能bootstrap实现分页按钮–>设计分页url–>使用django分页组件实现分页功能index.html修改如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>django快速做一个博客项目</title> <!-- 最新版本的 Bootstrap 核心 CSS 文件 --&g
复制链接

扫一扫

专栏目录