用Django分页器实现分页跳转

最新推荐文章于 2023-03-25 08:37:22 发布
最新推荐文章于 2023-03-25 08:37:22 发布
阅读量2k 收藏
点赞数
分类专栏： -----Django
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/GeekLeee/article/details/73225530
版权

分页的原理

vids_list = Video.objects.all()
page_robot = Paginator(vids_list, 9)
分页机器人=Paginator（数据，每页几个）
vids_list = page_robot.page(page_num)

M

from django.db import models
from faker import  Factory

# Create your models here.
class Video(models.Model):
    title = models.CharField(null=True, blank=True, max_length=300)
    content = models.TextField(null=True, blank=True)
    url_image = models.URLField(null=True, blank=True)
    editors_choice = models.BooleanField(default=False)

    def __str__(self):
        return self.title

# f = open('/Users/Hou/Desktop/web_url.txt','r')
# for url in f.readlines():
#     v = Video(
#         title=fake.text(max_nb_chars=90),
#         content=fake.text(max_nb_chars=3000),
#         url_image=url,
#         editors_choice=fake.pybool()
#     )
#     v.save()

V

from django.shortcuts import render, redirect, HttpResponse
from website.models import Video
from django.core.paginator import Paginator

# Create your views here.
def listing(request):
    context = {}
    vids_list = Video.objects.all()
    page_robot = Paginator(vids_list, 9)
    vids_list = page_robot.page(request.GET.get('page'))
    context['vids_list'] = vids_list
    return render(request, 'listing.html', context)

T

{% load staticfiles %}

<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="{% static 'css/semantic.css' %}" media="screen" title="no title" charset="utf-8">
    <link rel="stylesheet" href="{% static  'css/list_custom.css' %}" media="screen" title="no title" charset="utf-8">

</head>

<body>
    <div class="ui inverted top fixed menu borderless red menu">
        <div class="header item">
            <div class="ui image">
                <img src="{% static 'images/tenlogo.png' %}" alt="">
            </div>
        </div>

        <div class="right menu">
            <div class="item">
                <h5 class="ui inverted header">
                        <div class="ui avatar image">
                            <img src="{% static 'images/default.png' %}" alt="">
                        </div>

                        <span>admin</span>

                    </h5>
            </div>
            <div class="item">

                <a href="#logout/" class="ui inverted circular button">Logout</a>

            </div>
        </div>
    </div>
    <div class="ui inverted segment container nav">
        <div class="ui  three borderless  item  menu">
            <a class="active item" href="#list/all">
                        All
                    </a>
            <a class="item">
                        New
                    </a>


            <a class="item" href="#list/editors">
                        Editor's
                    </a>



        </div>
    </div>


    <div class="ui basic segment container content">

        <div class="ui three column grid">
            {% for article in vids_list %}
            <div class="column">
                <a class="ui fluid card" href="{% url 'list' %}">
                    <div class="image">
                        <img src="{{ article.img }}" alt="" style="height:200px;object-fit: cover;">
                    </div>
                </a>

                <div class="title header" href="{% url 'list' %}">{{ article.title }}</div>

                <i class="icon grey unhide"></i>
                <span style="color:#bbbbbb">{{ article.views }}</span>

                <span class="" style="color:rgb(226, 226, 226)">|</span>

                <i class="icon grey checkmark"></i>
                <span style="color:#bbbbbb"> {{ article.favs }} people got it</span>

            </div>
            {% endfor %}
        </div>
    </div>

    <div class="ui center aligned very padded vertical segment container">
        <div class="ui pagination menu">
            <a href="#" class="item">
                <i class="icon red left arrow"></i>
            </a>

            <a href="#" class="item">
                <i class="icon red right arrow"></i>
            </a>
        </div>
    </div>
</body>

</html>

通过输入http://127.0.0.1:8000/list/?page=999直接访问。

实现异常处理

V

from django.shortcuts import render, Http404
from website.models import Video
from django.core.paginator import Paginator, EmptyPage, PageNotAnInteger

# Create your views here.
def listing(request):
    context = {}
    vids_list = Video.objects.all()
    page_robot = Paginator(vids_list, 9)
    page_num = request.GET.get('page')
    try:
        vids_list = page_robot.page(page_num)
    except EmptyPage:
        vids_list = page_robot.page(page_robot.num_pages)
        #raise Http404('EmptyPage')
    except PageNotAnInteger:
        vids_list = page_robot.page(1)
    context['vids_list'] = vids_list
    return render(request, 'listing.html', context)

在模板层实现分页功能

T

<div class="ui center aligned very padded vertical segment container">
        <div class="ui pagination menu">
            {% if vids_list.has_previous %}
                <a href="?page={{ vids_list.previous_page_number }}" class="item">
                    <i class="icon red left arrow"></i>
                </a>
            {% else %}
                <a href="?page={{ vids_list.start_index }}" class="disabled item">
                    <i class="icon left arrow"></i>
                </a>
            {% endif %}

            {% if vids_list.has_next %}
                <a href="?page={{ vids_list.next_page_number }}" class="item">
                    <i class="icon red right arrow"></i>
                </a>
            {% else %}
                <a href="?page={{ vids_list.end_index }}" class="disabled item">
                    <i class="icon right arrow"></i>
                </a>
            {% endif %}

        </div>
    </div>
{% load staticfiles %}

<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="{% static 'css/semantic.css' %}" media="screen" title="no title" charset="utf-8">
    <link rel="stylesheet" href="{% static  'css/list_custom.css' %}" media="screen" title="no title" charset="utf-8">

</head>

<body>
    <div class="ui inverted top fixed menu borderless red menu">
        <div class="header item">
            <div class="ui image">
                <img src="{% static 'images/tenlogo.png' %}" alt="">
            </div>
        </div>

        <div class="right menu">
            <div class="item">
                <h5 class="ui inverted header">
                        <div class="ui avatar image">
                            <img src="{% static 'images/default.png' %}" alt="">
                        </div>

                        <span>admin</span>

                    </h5>
            </div>
            <div class="item">

                <a href="#logout/" class="ui inverted circular button">Logout</a>

            </div>
        </div>
    </div>
    <div class="ui inverted segment container nav">
        <div class="ui  three borderless  item  menu">
            <a class="active item" href="#list/all">
                        All
                    </a>
            <a class="item">
                        New
                    </a>


            <a class="item" href="#list/editors">
                        Editor's
                    </a>



        </div>
    </div>


    <div class="ui basic segment container content">

        <div class="ui three column grid">
            {% for article in vids_list %}
            <div class="column">
                <a class="ui fluid card" href="{% url 'list' %}">
                    <div class="image">
                        <img src="{{ article.img }}" alt="" style="height:200px;object-fit: cover;">
                    </div>
                </a>

                <div class="title header" href="{% url 'list' %}">{{ article.title }}</div>

                <i class="icon grey unhide"></i>
                <span style="color:#bbbbbb">{{ article.views }}</span>

                <span class="" style="color:rgb(226, 226, 226)">|</span>

                <i class="icon grey checkmark"></i>
                <span style="color:#bbbbbb"> {{ article.favs }} people got it</span>

            </div>
            {% endfor %}
        </div>
    </div>

    <div class="ui center aligned very padded vertical segment container">
        <div class="ui pagination menu">
            {% if vids_list.has_previous %}
                <a href="?page={{ vids_list.previous_page_number }}" class="item">
                    <i class="icon red left arrow"></i>
                </a>
            {% else %}
                <a href="?page={{ vids_list.start_index }}" class="disabled item">
                    <i class="icon left arrow"></i>
                </a>
            {% endif %}

            {% if vids_list.has_next %}
                <a href="?page={{ vids_list.next_page_number }}" class="item">
                    <i class="icon red right arrow"></i>
                </a>
            {% else %}
                <a href="?page={{ vids_list.end_index }}" class="disabled item">
                    <i class="icon right arrow"></i>
                </a>
            {% endif %}

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

</html>

这里写图片描述

实现分类功能

U

from django.conf.urls import url
from django.contrib import admin
from website.views import listing

urlpatterns = [
    url(r'^admin/', admin.site.urls),
    url(r'^list/$', listing, name='list'),
    url(r'^list/(?P<cate>[A-Za-z]+)$', listing, name='list'),
]

V

from django.shortcuts import render, Http404
from website.models import Video
from django.core.paginator import Paginator, EmptyPage, PageNotAnInteger

# Create your views here.
def listing(request, cate=None):
    context = {}
    if cate is None:
        vids_list = Video.objects.all()
    if cate == 'editors':
        vids_list = Video.objects.filter(editors_choice=True)
    else:
        vids_list = Video.objects.all()
    page_robot = Paginator(vids_list, 9)
    page_num = request.GET.get('page')
    try:
        vids_list = page_robot.page(page_num)
    except EmptyPage:
        vids_list = page_robot.page(page_robot.num_pages)
        #raise Http404('EmptyPage')
    except PageNotAnInteger:
        vids_list = page_robot.page(1)
    context['vids_list'] = vids_list
    return render(request, 'listing.html', context)

T

<div class="ui inverted segment container nav">
        <div class="ui  three borderless  item  menu">
            <a class="item" >
                All
            </a>
            <a class="item">
                New
            </a>
            {% if 'editors' in request.path %}
                <a class="active item" href="{% url 'list' %}editors">
                Editor's
            </a>
            {% else %}
                <a class="item" href="{% url 'list' %}editors">
                Editor's
            </a>
            {% endif %}
        </div>
    </div>
{% load staticfiles %}

<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="{% static 'css/semantic.css' %}" media="screen" title="no title" charset="utf-8">
    <link rel="stylesheet" href="{% static  'css/list_custom.css' %}" media="screen" title="no title" charset="utf-8">

</head>

<body>
    <div class="ui inverted top fixed menu borderless red menu">
        <div class="header item">
            <div class="ui image">
                <img src="{% static 'images/tenlogo.png' %}" alt="">
            </div>
        </div>

        <div class="right menu">
            <div class="item">
                <h5 class="ui inverted header">
                        <div class="ui avatar image">
                            <img src="{% static 'images/default.png' %}" alt="">
                        </div>

                        <span>admin</span>

                    </h5>
            </div>
            <div class="item">

                <a href="#logout/" class="ui inverted circular button">Logout</a>

            </div>
        </div>
    </div>
    <div class="ui inverted segment container nav">
        <div class="ui  three borderless  item  menu">
            <a class="item" >
                All
            </a>
            <a class="item">
                New
            </a>
            {% if 'editors' in request.path %}
                <a class="active item" href="{% url 'list' %}editors">
                Editor's
            </a>
            {% else %}
                <a class="item" href="{% url 'list' %}editors">
                Editor's
            </a>
            {% endif %}
        </div>
    </div>


    <div class="ui basic segment container content">

        <div class="ui three column grid">
            {% for article in vids_list %}
            <div class="column">
                <a class="ui fluid card" href="{% url 'list' %}">
                    <div class="image">
                        <img src="{{ article.img }}" alt="" style="height:200px;object-fit: cover;">
                    </div>
                </a>

                <div class="title header" href="{% url 'list' %}">{{ article.title }}</div>

                <i class="icon grey unhide"></i>
                <span style="color:#bbbbbb">{{ article.views }}</span>

                <span class="" style="color:rgb(226, 226, 226)">|</span>

                <i class="icon grey checkmark"></i>
                <span style="color:#bbbbbb"> {{ article.favs }} people got it</span>

            </div>
            {% endfor %}
        </div>
    </div>

    <div class="ui center aligned very padded vertical segment container">
        <div class="ui pagination menu">
            {% if vids_list.has_previous %}
                <a href="?page={{ vids_list.previous_page_number }}" class="item">
                    <i class="icon red left arrow"></i>
                </a>
            {% else %}
                <a href="?page={{ vids_list.start_index }}" class="disabled item">
                    <i class="icon left arrow"></i>
                </a>
            {% endif %}

            {% if vids_list.has_next %}
                <a href="?page={{ vids_list.next_page_number }}" class="item">
                    <i class="icon red right arrow"></i>
                </a>
            {% else %}
                <a href="?page={{ vids_list.end_index }}" class="disabled item">
                    <i class="icon right arrow"></i>
                </a>
            {% endif %}

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

</html>

上传图片

M

from django.db import models
from faker import  Factory

# Create your models here.
class Video(models.Model):
    title = models.CharField(null=True, blank=True, max_length=300)
    content = models.TextField(null=True, blank=True)
    url_image = models.URLField(null=True, blank=True)
    cover = models.FileField(upload_to='cover_image', null=True)
    editors_choice = models.BooleanField(default=False)

    def __str__(self):
        return self.title

setting.py

STATIC_URL = '/static/'
MEDIA_URL = '/upload/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'upload').replace("//","/")

U

from django.conf.urls import url
from django.contrib import admin
from website.views import listing
from django.conf import settings
from django.conf.urls.static import static

urlpatterns = [
    url(r'^admin/', admin.site.urls),
    url(r'^list/$', listing, name='list'),
    url(r'^list/(?P<cate>[A-Za-z]+)$', listing, name='list'),
]

if settings.DEBUG:
    urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
    urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
#在本地运行时使用

MM

<div class="image">
                        {% if article.cover %}
                            <img src="/upload/{{ article.cover }}" alt="" style="height:200px;object-fit: cover;">
                        {% else %}
                            <img src="{{ article.url_image }}" alt="" style="height:200px;object-fit: cover;">
                        {% endif %}
                    </div>
{% load staticfiles %}

<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="{% static 'css/semantic.css' %}" media="screen" title="no title" charset="utf-8">
    <link rel="stylesheet" href="{% static  'css/list_custom.css' %}" media="screen" title="no title" charset="utf-8">

</head>

<body>
    <div class="ui inverted top fixed menu borderless red menu">
        <div class="header item">
            <div class="ui image">
                <img src="{% static 'images/tenlogo.png' %}" alt="">
            </div>
        </div>

        <div class="right menu">
            <div class="item">
                <h5 class="ui inverted header">
                        <div class="ui avatar image">
                            <img src="{% static 'images/default.png' %}" alt="">
                        </div>

                        <span>admin</span>

                    </h5>
            </div>
            <div class="item">

                <a href="#logout/" class="ui inverted circular button">Logout</a>

            </div>
        </div>
    </div>
    <div class="ui inverted segment container nav">
        <div class="ui  three borderless  item  menu">
            <a class="item" >
                All
            </a>
            <a class="item">
                New
            </a>
            {% if 'editors' in request.path %}
                <a class="active item" href="{% url 'list' %}editors">
                Editor's
            </a>
            {% else %}
                <a class="item" href="{% url 'list' %}editors">
                Editor's
            </a>
            {% endif %}
        </div>
    </div>


    <div class="ui basic segment container content">

        <div class="ui three column grid">
            {% for article in vids_list %}
            <div class="column">
                <a class="ui fluid card" href="{% url 'list' %}">
                    <div class="image">
                        {% if article.cover %}
                            <img src="/upload/{{ article.cover }}" alt="" style="height:200px;object-fit: cover;">
                        {% else %}
                            <img src="{{ article.url_image }}" alt="" style="height:200px;object-fit: cover;">
                        {% endif %}
                    </div>
                </a>

                <div class="title header" href="{% url 'list' %}">{{ article.title }}</div>

                <i class="icon grey unhide"></i>
                <span style="color:#bbbbbb">{{ article.views }}</span>

                <span class="" style="color:rgb(226, 226, 226)">|</span>

                <i class="icon grey checkmark"></i>
                <span style="color:#bbbbbb"> {{ article.favs }} people got it</span>

            </div>
            {% endfor %}
        </div>
    </div>

    <div class="ui center aligned very padded vertical segment container">
        <div class="ui pagination menu">
            {% if vids_list.has_previous %}
                <a href="?page={{ vids_list.previous_page_number }}" class="item">
                    <i class="icon red left arrow"></i>
                </a>
            {% else %}
                <a href="?page={{ vids_list.start_index }}" class="disabled item">
                    <i class="icon left arrow"></i>
                </a>
            {% endif %}

            {% if vids_list.has_next %}
                <a href="?page={{ vids_list.next_page_number }}" class="item">
                    <i class="icon red right arrow"></i>
                </a>
            {% else %}
                <a href="?page={{ vids_list.end_index }}" class="disabled item">
                    <i class="icon right arrow"></i>
                </a>
            {% endif %}

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

</html>
GeekLeee
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Django实现分页功能
每日分享程序员技巧
02-19 2963
在本节中，我们将介绍 Django 为我们提供的高级模块，通过高级模块的学习，你会感受到 Django 的易用性如此之强，但是同时它又很复杂，所以在学习 Django 这样的重度框架的时候，我们一定要切记急躁，对于新的知识要敢于探索，除了要跟随着本教程的进度学习之外，大家也要拿出时间多阅读 Django 源码、官方文档，这样才能帮助自己尽快的提升。 本节要讲的分页功能大家一定不陌生，就像课本上的一篇篇课文一样，如果课文内容很多就会分成很多页，展示给读者。这和我们在开发阶段处理数据信息是一样的，因为大多数情况
django分页实现
Thunder的博客
02-23 613
Django分页 Django提供了一个类Paginator用于分页，但Paginator并不具体管理具体的页的处理，而是使用Page对象管理具体页面。下面我们以一个具体的例子来说明一下分页的实现 文章模型： class Articles(models.Model): tid = models.AutoField(primary_key=True) cid = models.ForeignKey('Category', models.DO_NOTHING, db_column='ci
【Django 网页Web开发】11. 实战项目：分页与页码跳转功能（04）（保姆级图文）
MZH
03-25 1857
【Django 网页Web开发】11. 实战项目：分页与页码跳转功能（04）（保姆级图文）
Python-Django初体验—创建Django项目并实现页面跳转功能
微雨停了的博客
04-04 9418
关于Python-Django创建新项目，并实现页面跳转功能。
django分页(两种办法)
qq_37605109的博客
05-01 9093
django，分页
Django制作分页器
m0_66913780的博客
10-28 350
然后在终端写入python3 manage.py makemigrations ，python3 manage.py migrate写入到自带的数据库中。2.2分配函数 ，制造数据（在浏览器访问路由时就写进去了）3.2视图（fenye.html）3.写逻辑，写视图（都标注了）2.写路由，分配函数，制造数据。然后就生成了一百条数据。
使用Django实现分页器功能
renpingsheng66的博客
09-01 402
要使用Django实现分页器,必须从Django中导入Paginator模块 from django.core.paginator import Paginator 假如现在有150条记录要显示,每页显示10条 &gt;&gt;&gt; from django.core.paginator import Paginator#导入Paginator模块 &gt;&gt;&gt; list1...
Django 自定义分页器的实现代码
09-18
默认的Django分页器虽然功能强大，但在某些情况下可能无法满足特定需求，这时就需要自定义分页器。本文将详细介绍如何在Django中实现自定义分页器。 首先，我们需要理解为什么需要实现分页。在许多网站和应用中，...
Django框架实现的简单分页功能示例
09-19
- **实例化Paginator对象**：通过`Paginator(messages, limit)`创建分页器对象，其中`limit`定义了每页显示的数据数量。 - **获取当前页码**：使用`request.GET.get('page', '1')`获取当前页码，默认为第一页。 - **...
Django实现分页显示效果
09-18
通过调用Paginator类创建一个分页器对象，它需要两个参数：一个是你要分页的数据集，另一个是每页显示的数据数量。然后，通过获取HTTP请求中的页码参数来确定当前用户想要查看的是哪一页。如果用户没有提供页码，...
django创建最简单HTML页面跳转方法
09-18
今天小编就为大家分享一篇django创建最简单HTML页面跳转方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Django分页功能的实现代码详解
09-18
总结来说，Django分页功能的实现涉及到项目的创建与配置、路由配置、使用Paginator进行数据分页、模板的编写与数据展示以及分页视图的细节处理。通过本文的介绍，我们可以了解到分页功能在Django项目中是如何一步步...
Django框架实现的分页demo示例
09-19
在Django框架中，分页是一种常见的...此外，可以使用Django内置的分页器`django.core.paginator`，它提供了更强大的分页功能，包括跳转到上一页、下一页等。在大型项目中，使用分页器可以更方便地管理和优化分页逻辑。
Django+paginator实现分页+省略号代替多余页码+页面跳转（分页最全功能all_in）
qq_39360565的博客
02-17 4279
先上图看一下效果： js插件引入： jQuery bootstrap 借图分析功能点（注意参数代表的意义）： 页数 num_pages <= 12 时：页码不加省略号，所有页码全部显示. 形如：< 1 2 3 4 5 6 7 8 9 10 11 12 > 页数 num_pages > 12 时：页码加省略号显示. 形如：< 1 2 3 4 5 6 7 8 9 ...
Django实现select分页跳转
kbkiss_1的专栏
08-19 4496
实现思路：使用了过滤器来处理的。步骤一：编写过滤器代码如下#coding:utf-8from django import templatefrom django.shortcuts import render_to_responsefrom django.template import Contextfrom django.template.loader import get_templatefrom django.template import  Templateregister = template.L
django：分页
dangfulin的博客
03-14 5804
一，什么是分页 网页是用户与网站进行交互的主要场所，这种交互主要指数据收集与数据展示。 从试想一下，为什么我们几乎不在网页中一次性展示请求获得的所有数据呢？ 如果这个数据量相当小，比如只有几十条，那么一般情况下无需担心，一股脑渲染到页面中就行。 但如果这个数据量比较大，比如几百几千几万条，且一旦这种操作比较频繁，显然就会增加服务器负载，主要瓶颈是数据库。 这里不谈如何实现高并发，只谈如何以轻量化的方式获取并展示数据。 一种有效的方式就是实现分页查询：将一次性获取所有数据的操作，分解为多次查询操作，每次操作只
django实现分页功能详解
ouersl的博客
01-16 1110
先展示整体代码 views from django.shortcuts import render,HttpResponse from .models import * import time from django.core.paginator import Paginator # Create your views here. # def create_data(request): # ...
django 分页功能
l_vip的博客
11-26 466
django分页功能： django自带了paginator，功能有一定局限，使用django-pure-pagination功能更为强大 github传送门：https://github.com/jamespacileo/django-pure-pagination1)使用pip源安装：pip install django-pure-pagination2）在 INSTALLED_APPS设置
【django错误解决】error: unrecognized arguments: getall
GeekLee的博客
10-16 8418
错误代码提示geeklee@geeklee-ThinkPad-E420:~/临时文件夹/pol_gov_mon0$ python manage.py xinjiang getall usage: manage.py xinjiang [-h] [--version] [-v {0,1,2,3}] [--settings SETTINGS] [--p
Django之分页器小插件
最新发布
05-17
在Django中，分页是一个常见的需求，为了方便处理分页，可以使用Django内置的分页器Paginator。 Paginator的使用方法很简单，我们可以将一个QuerySet对象或者一个列表作为参数传入Paginator中，然后就可以使用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值