分页器

article/2025/8/24 4:47:08

1.分页器

作用:干啥的?数据量大的话,可以分页获取,查看。

2.一次性插入多条数据

def add1(request):# 这样for循环会造成对数据库的大量访问,不建议这样添加# models.Book.objects.create(name='连城诀%s'%i,price=10+i)ll=[]for i in range(100):ll.append(models.Book(name='连城诀%s' %i,price=10+i))#批量插入,两个参数,第一个是对象列表,第二个是一次插入的数据量,不填,默认一次全插入
    models.Book.objects.bulk_create(ll)return HttpResponse('OJ8K')
View Code

在这里注意要使用批量插入,减少访问mysql数据库的次数

3.分页器代码

book_list = models.Book.objects.get_queryset().order_by('id')#当分页提示报警时,可以order by id一下

前端代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><script src="/static/jquery-3.3.1.js"></script>{% load static %}<link rel="stylesheet" href="/static/bootstrap-3.3.7-dist/css/bootstrap.css"><link rel="stylesheet" href="{% static 'bootstrap-3.3.7-dist/css/bootstrap.css' %}"><link rel="stylesheet" href="{% get_static_prefix %}bootstrap-3.3.7-dist/css/bootstrap.css"><title>Title</title>
</head>
<body>
<div class="col-md-6 col-md-offset-3"><div class="row"><table class="table table-bordered"><thead><tr><td>书名</td><td>价格</td></tr></thead><tbody>{% for book in current_page %}<tr><td>{{ book.name }}</td><td>{{ book.price }}</td></tr>{% endfor %}</tbody></table></div><nav aria-label="Page navigation"><ul class="pagination">{% if current_page.has_previous %}<li><a href="/booklist/?page={{ current_page.previous_page_number }}" aria-label="Previous"><span aria-hidden="true">上一页</span></a></li>{% else %}<li class="disabled"><a href="" aria-label="Previous"><span aria-hidden="true">上一页</span></a></li>{% endif %}{% for foo in page_range %}{% if current_page_num ==  foo %}<li class="active"><a href="/booklist/?page={{ foo }}">{{ foo }}</a></li>{% else %}<li><a href="/booklist/?page={{ foo }}">{{ foo }}</a></li>{% endif %}{% endfor %}{% if current_page.has_next %}<li><a href="/booklist/?page={{ current_page_num|add:1 }}" aria-label="Next"><span aria-hidden="true">下一页</span></a></li>{% else %}<li class="disabled"><a href="" aria-label="Next"><span aria-hidden="true">下一页</span></a></li>{% endif %}</ul></nav>
</div></body>
</html>
View Code

后台代码

from django.shortcuts import render, HttpResponse, reverse, redirect
from app01 import models
from django.http import JsonResponse
from django.core.paginator import Paginator, EmptyPage# Create your views here.
def index(request):return render(request, 'index.html')def login(request):dic = {'status': 100, 'msg': None}name = request.POST.get('name')password = request.POST.get('password')user = models.User.objects.filter(name=name, password=password)print(request.POST)if user:dic['msg'] = '登录成功'return JsonResponse(dic)else:dic['status'] = 101dic['msg'] = '用户名或密码错误'return JsonResponse(dic)def add1(request):# 这样for循环会造成对数据库的大量访问,不建议这样添加# models.Book.objects.create(name='连城诀%s'%i,price=10+i)ll = []for i in range(100):ll.append(models.Book(name='连城诀%s' % i, price=10 + i))# 批量插入,两个参数,第一个是对象列表,第二个是一次插入的数据量,不填,默认一次全插入
    models.Book.objects.bulk_create(ll)return HttpResponse('OJ8K')# def booklist(request):
#     if request.method=='GET':
#         #查询所有图书
#         books=models.Book.objects.all()
#         from django.core.paginator import Paginator#导入分页器
#         #分页器,类。要实例化产生对象,要传两个参数:object_list:对象列表,per_page:每页显示的条数
#         paginator=Paginator(books,10)
#         # print(paginator.count)#打印总条数
#         # print(paginator.num_pages)#打印总页数
#         # print(paginator.page_range)#页码数的列表
#         current_page=paginator.page(5)#取到第x页,返回一个Page对象
#         print(current_page.object_list)#取当前页码所有数据
#         print(current_page.has_next())#是否有下一页
#         print(current_page.has_previous())#是否有上一页
#         print(current_page.next_page_number())#下一页页码数
#         print(current_page.previous_page_number())#上一页页码数
#         return render(request,'booklist.html',locals())# def booklist(request):
#     from django.core.paginator import Paginator
#     books=models.Book.objects.all()
#     paginator=Paginator(books,3)
#     try:
#         current_page_num=int(request.GET.get('page'))
#         current_page=paginator.page(current_page_num)
#         # for item in current_page:#既可以循环current_page,又可以循环当前页的对象current_page.object_list
#         #     print(item)#拿到前端去用
#     except EmptyPage as e:
#         #捕获异常后调到第一页
#         current_page_num=1
#         current_page=paginator.page(current_page_num)
#     except Exception as e:
#         current_page_num = 1
#         current_page = paginator.page(current_page_num)
#     return render(request,'booklist.html',locals())
def booklist(request):book_list = models.Book.objects.get_queryset().order_by('id')#当分页提示报警时,可以order by id一下paginator = Paginator(book_list, 3)# 如果页码数多,让它显示前5,后5,中间是当前在的页try:current_page_num = int(request.GET.get('page'))current_page = paginator.page(current_page_num)if paginator.num_pages > 11:if current_page_num - 5 < 1:page_range = range(1, 12)elif current_page_num + 5 > paginator.num_pages:page_range = range(paginator.num_pages - 11, paginator.num_pages)else:page_range = range(current_page_num - 5, current_page_num + 5)else:page_range = paginator.page_rangeexcept Exception as e:current_page_num = 1current_page = paginator.page(current_page_num)return render(request, 'booklist.html', locals())
View Code

 range是前闭后开区间,range(1,11)表示[0,11)之间的所有整数.注意分页要分成一个range区间,range别忘记写上

page_range=range(1,current_page_num+5)

注意request获取到的页码是字符串,要转成int类型

current_page_num = request.GET.get('page')
current_page_num=int(current_page_num)

 4.bootstrap样式

class="disabled"元素一律点击无效

转载于:https://www.cnblogs.com/xufengnian/p/10022988.html


http://chatgpt.dhexx.cn/article/bsopKu31.shtml

相关文章

分页器组件

作为前端三剑客的分页器在许多场景都能 使用&#xff0c;在实际工作中也有插件来快速实现分页器功能 但我们要了解原理&#xff0c;所以我们自己手搓个简单的分页器 先处理好静态组件 <template><div class"pagination"><button>1</button>…

分页器的介绍

一 、分页器的简介 在页面显示分页数据&#xff0c;需要用到django分页器组件 from django.core.paginator import Paginator paginator对象&#xff1a;paginator Paginator(user_list,10)#per_page:每页显示条目数量 #count &#xff1a;数据总个数#num_pages:总页数#page_…

自定义分页器

前端必须要掌握的分页器&#xff0c;轮播图&#xff0c;与日历 手写&#xff0c;掌握原理 1:分页功能实现 为什么很多项目采用分页功能&#xff1a;比如电商平台有很多数据。一次加载出来会卡住 采用分页功能 Element Ul是有相应的分页组件&#xff0c;使用起来超级简单…

【JS案例】分页器——使用原生JavaScript实现

在使用vue编写完一个分页器组件后&#xff0c;我对分页器的底层逻辑产生了兴趣&#xff0c;想在此组件的基础上再深入了解一些分页器的底层逻辑&#xff0c;了解vue与原生js的区别。我在github上看了一些大神写的分页器&#xff0c;属实牛逼&#xff0c;之后自己也根据他们的编…

zigbee-无线点灯-协调器节点

开发环境&#xff1a;IAR 8.10 Z-stack 2.5 功能&#xff1a;协调器与终端节点组网&#xff0c;实现点对点通信。终端向协调器发送“D1”&#xff0c;协调器LED灯闪烁。 流程图&#xff1a; 具体代码&#xff1a; 定义所需要的变量 端点描述符 endPointDesc_t GenericApp_e…

十分钟入门Zigbee

大部分教程通常都是已Zigbee原理开始讲解和学习&#xff0c;各种概念让初学者难以理解。本教程从一个小白的角度出发&#xff0c;入门无需任何Zigbee底层原理知识&#xff0c;只需要基本的MCU研发经验就可以掌握&#xff0c;让您快速实现zigbee组网和节点之间通信。 本教程采用…

第一章:zigbee学习笔记之简介(上)

注&#xff1a;文章转载自https://blog.csdn.net/tainjau/article/details/81540013 写在前面&#xff1a; 最近开始搞智能家居的项目&#xff0c;之前只是了解过zigbee&#xff0c;但是并未深入学习过&#xff0c;所以工作之余&#xff0c;忙里偷闲下&#xff0c;学习一下zigb…

zigbee菜鸟笔记(一)zigbee的基础知识

一.什么是zigbee 有问题发送邮件至468078841qq.com ZigBee&#xff0c;也称紫蜂&#xff0c;是一种低速短距离传输的无线网上协议&#xff0c;底层是采用IEEE 802.15.4标准规范的媒体访问层与物理层。主要特色有低速、低耗电、低成本、支持大量网上节点、支持多种网上拓扑、低…

TI CC2538 做ZigBee协调器控制飞利浦 Hue 调色灯

【源码、文档、软件、硬件、技术交流、技术支持&#xff0c;入口见文末】 一、实验准备 1.1 硬件准备 1.1.1 CC2538 模块 本文中使用的 CC2538 模块是带 PA 芯片&#xff08;CC2592&#xff09;的。此外&#xff0c;最好是带焊接好的底板&#xff0c;便于后面与串口转USB…

使用zigbee的协议栈进行协调器路由器终端初始化

实验目的: 使用协议栈,外加自己写的数码管的代码模块 配置协调器路由器终端,各自对应数码管数字C,R,E。 本身不是很细致,只是把一些重要步骤截了一下,IAR工程什么的默认大家都会了。 zigbee协议栈的下载 下载完找以下文件夹 找到下面两个文件夹,然后复制出来放到自己的…

zigbee z-stack 协调器断电后,重新上电无法恢复

1、是否宏定义了NV_RESTORE1&#xff1b;NV_INIT1&#xff1b;&#xff08;协调器、路由器、终端都要定义&#xff09;定义位置如下 2、下载模式选Erase flash&#xff0c;选择位置&#xff1a;&#xff08;20201117修正:实际调试发现如果不许选择erase flash 协调器断电重连&a…

ZigBee中协调器断电重连问题?

问题描述&#xff1a;如果你想实现一个完好的网络&#xff0c;协调器断电重启后还是能加入原来的网络&#xff0c;加上NV_RESTORE编译选项就可以&#xff0c;如果发现加上它&#xff0c;还是实现不了要求&#xff0c;就请作如下操作&#xff1f; 方法&#xff1a;如果加了NV_R…

Zigbee协调器主动使终端节点退网

我使用ZDP_MgmtLeaveReq()这个函数来让已知短地址的终端退网&#xff0c;代码如下&#xff1a;我这样使用的结果是&#xff0c;可以将节点退网&#xff0c;节点上也需要做一些配置。我在函数里禁止节点重连&#xff0c;但是节点退网后会获取到新的短地址重新入网&#xff0c;这…

ZIGBEE 工程内区分终端与协调器

目前已知&#xff0c;工程中区分是终端还是协调器&#xff0c;与工程中Tolls文件夹中的.cfg文件有关&#xff1a; 从project->Edit Configuration进去可以删减左边栏Workspace下拉的项&#xff1a; 区别终端、路由器和协调器是通过Options.. -> C/C Compiler -> Extra…

Zigbee应用开发 协调器控制多个终端

协调器控制多个终端 功能要求: 协调器通过串口向终端发送控制命令 发送1 则终端1 的D8灯亮 发送 2 则 终端2 的灯亮 发送 0 则 俩个终端都灭 实现过程&#xff1a; 当网络状态发生改变时&#xff0c;通过串口打印一串消息用来分辨串口调试对应着那种类型的Zigbee 终端编程&…

zigbee现存网络下更换协调器

应用场景&#xff1a;现场协调器坏了&#xff0c;更换协调器&#xff0c;只改panid、加密信息、信道等是不行的 因为之前坏掉的协调器已经创建了一个网络&#xff0c;即使旧协调器坏了&#xff0c;网络还在&#xff0c;新协调器如果开机前没有之前的网络设备处于开启状态&…

ZIGBEE 协调器(刷写程序后)PAN_ID+1,与原来路由器无法组网

ZIGBEE 协调器&#xff08;刷写程序后&#xff09;PAN_ID1&#xff0c;与原来路由器无法组网 原因&#xff1a;或许是你下载时&#xff0c;勾选了Erase flash选项&#xff0c;如下图原因简析 原因&#xff1a;或许是你下载时&#xff0c;勾选了Erase flash选项&#xff0c;如下…

基于Zigbee的SHT10温湿度数据采集系统(已实现控制12个终端节点)——Zigbee协调器主要代码解析

之前实现了基于Zigbee的SHT10温湿度数据采集系统&#xff0c;这里来重新复盘一些主要的知识和代码。 写在前面&#xff1a; 1 功能介绍&#xff1a;使用Zigbee终端节点采集环境的温度和湿度数据&#xff0c;然后将数据无线发送的Zigbee协调器&#xff0c;最后在电脑端显示获得…

ZigBee协调器,ZigBee智能节点盒

新设备下 1.安装CP210xVCPInstaller_x64.exe串口驱动 2.连接USB转串口&#xff0c;RS485转232&#xff0c;蓝色数据线连ZigBee协调器485A&#xff0c;黄色数据线连ZigBee协调器485B&#xff0c;USB口连PC 3.查看COM口 4.打开ZigBeeTool.exe一应用程序 5.选择COM口&#xff0c;…