Django实现网页分页功能
作者:回忆不说话 发布时间:2021-04-05 22:12:18
标签:Django,分页
本文实例为大家分享了Django实现分页功能,为了容易区别功能的展现,先创建一个数据库,用数据库中的数据做演示。
创建数据库步骤如下:
1.创建模型,代码如下:
from django.db import models
# Create your models here.
class Goods(models.Model):
name = models.CharField(max_length=100)
des = models.CharField(max_length=1000)
class Meta:
db_table = 'goods'
2.向数据库中添加数据,代码如下:
from django.http import HttpResponse
from .models import Goods
import random
# Create your views here.
def index(request):
for x in range(200):
good = Goods(name='good%s'%x,des='该商品物美价廉,现在只需要{}元'.format(random.randint(10,100)))
good.save()
return HttpResponse('数据添加成功')
添加之后将代码就可以注释掉了,我们演示的时候再新建一个select接口作为演示界面。
from django.shortcuts import render
from django.core.paginator import Paginator , PageNotAnInteger,EmptyPage
# Create your views here.
def select(request):
# 查询数据库中的所有数据
good_list = Goods.objects.all()
# 值1:所有的数据
# 值2:每一页的数据
# 值3:当最后一页数据少于n条,将数据并入上一页
paginator = Paginator(good_list,12,3)
try:
# GET请求方式,get()获取指定Key值所对应的value值
# 获取index的值,如果没有,则设置使用默认值1
num = request.GET.get('index','1')
# 获取第几页
number = paginator.page(num)
except PageNotAnInteger:
# 如果输入的页码数不是整数,那么显示第一页数据
number = paginator.page(1)
except EmptyPage:
number = paginator.page(paginator.num_pages)
# 将当前页页码,以及当前页数据传递到index.html
return render(request,'index.html',{'page':number,'paginator':paginator})
下面我们在index.html做界面处理,这里是需要用到bootstraps,三个文件如下图所示,前面讲解过。
来到index.html文件,做如下设置:
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="{% static 'css/bootstrap.css' %}" >
<!--<link rel="stylesheet" href="">-->
<title>淘宝</title>
</head>
<body>
{% for good in page.object_list %}
<h4>{{good.name}} - {{good.des}}</h4>
{% endfor %}
<ul class="pagination">
{# 如果当前页还有上一页 #}
{% if page.has_previous %}
<li>
{# 点击a标签,跳转到上一页链接 ?index 为地址后面拼接的参数 #}
<a href="?index={{page.previous_page_number}}" >上一页</a>
</li>
{% else %}
{# 如果没有上一页, 则上一页按钮不可点击 #}
<li class="disabled">
<a href="#">上一页</a>
</li>
{% endif %}
{% for page_number in paginator.page_range %}
{# 获取当前页的页码 #}
{% if page_number == page.number %}
{# 如果是当前页的话,选中 #}
<li class="active">
<a href="?index={{page_number}}">{{page_number}}</a>
</li>
{% else %}
<li>
<a href="?index={{page_number}}">{{page_number}}</a>
</li>
{% endif %}
{% endfor %}
{% if page.has_next %}
<li>
<a href="?index={{page.next_page_number}}">下一页</a>
</li>
{% else %}
<li class="disabled">
<a href="#" >下一页</a>
</li>
{% endif %}
</ul>
<script src="{% static 'js/jquery.js' %}"></script>
<script src="{% static 'js/bootstrap.js' %}"></script>
</body>
</html>
显示效果如下:
来源:https://blog.csdn.net/qq_39138295/article/details/82694232
0
投稿
猜你喜欢
- 本文实例分析了php中ob_flush函数和flush函数用法。分享给大家供大家参考。具体如下:ob_flush()函数: 取出PHP bu
- 当我们在网页中使用flash时,有时候外面会发现flash会遮住了我们的网页内容,特别是当页面中有浮动的元素时。那么怎么样才能让div层显示
- 1. mmap内存映射文件建立一个文件的内存映射将使用操作系统虚拟内存来直接访问文件系统上的数据,而不是使用常规的I/O函数访问数据。内存映
- Microsoft JET Database Engine 错误 '80040e2
- 这片文章大体概括了一些设计网页中的大问题。希望能给你做下一个网页时给予一些儿启发。1、记住:你能掌控的时间是有限的我仅仅用4秒钟就能浏览完平
- 有时候我们会在页面上显示用户的所在地区,这个原理是:先得到用户的IP,然后去查询将IP转换成一个数值,最后去查这个数值所在的范围,来得到用户
- 默认barplotimport seaborn as snsimport matplotlib.pyplot as plt import n
- 组件:"Adodb.Stream" 有下列方法: Canc
- 说到客户端数据存储,可能第一时间想到的是cookies,这是一种网站常见的存储数据的方法。它的最大优点是兼容性好,几乎所有浏览器都具有这个功
- 今天帮助同事解决一个问题,问题是她做的一套页面在FF下显示正常,在IE6下样式却没有效果,也就是没有应用样式。最终发现是编码不匹配的问题,c
- 代码如下:--根据MAX(MIN)ID CREATE PROC [dbo].[proc_select_id] @pageindex int=
- 作者认为最快的学习区块链的方式是自己创建一个,本文就跟随作者用Python来创建一个区块链。对数字货币的崛起感到新奇的我们,并且想知道其背后
- 当你连接一个MySQL服务器时,你通常应该使用一个口令。口令不以明文在连接上传输。所有其它信息作为能被任何人读懂的文本被传输。如果你担心这个
- asp之家注:为什么要防止访客频繁刷新页面呢?也许你会说他想刷新就让他刷新吧,没什么关系,而且还增加了网页的PV,呵呵。但是有的页面我们可能
- 在设计网页时,没有比页面的外观更重要的了。所以,如果发现设计人员十分关注字体及字体大小,我并不感到惊奇。使用CSS来编辑字体有各种各样的方法
- 使用诸如Lock、RLock、Semphore之类的锁原语时,必须多加小心,锁的错误使用很容易导致死锁或相互竞争。依赖锁的代码应该保证当出现
- IE>6 及其它浏览器不在此文论述范围内。img 的 onload 事件,是当图片加载完成之后,就处触发。img.complete 这
- python 线程池的四种实现方式线程简述 一个程序运行起来后,一定有一个执行代码的东西,这个东西就是线程; 一般计算(
- 一、查询条件精确,针对有参数传入情况 二、SQL逻辑执行顺序 FROM-->JOIN-->WHERE-->GROUP--&
- 今天学习CI框架过程中遇到个问题: A PHP Error was encountered Severity: Notice Message