# name: models.py from django.db import models class User(models.Model): id = models.AutoField(primary_key=True) username = models.CharField(max_length=32) password = models.CharField(max_length=32) # 插入测试数据 import random def index(request): for i in range(1,100): chars = [] pasd = [] for x in range(1,8): chars.append(random.choice('abcdefghijklmnopqrstuvwxyz')) pasd.append(random.choice('0987654321')) user = "".join(chars) pwd = "".join(pasd) models.User.objects.create(username=user, password=pwd) return HttpResponse("ok")
Title
序号 | 用户名 | 用户密码 |
---|---|---|
{{ article.id }} | {{ article.username }} | {{ article.password }} |
统计: {{ currentPage }}/{{ paginator.num_pages }} 共查询到:{{ paginator.count }} 条数据 页码列表:{{ paginator.page_range }}
# name: views.py from django.shortcuts import render,HttpResponse from MyWeb import models from django.core.paginator import Paginator, EmptyPage, PageNotAnInteger def page(request): user = models.User.objects.all() paginator = Paginator(user, 10) currentPage = int(request.GET.get("id",1)) try: user_list = paginator.page(currentPage) except PageNotAnInteger: user_list = paginator.page(1) except: user_list = paginator.page(paginator.num_pages) return render(request,"page.html",{"user_list":user_list, "paginator":paginator, "currentPage":currentPage})
# name: urls.py from MyWeb import views urlpatterns = [ path('admin/', admin.site.urls), path('page',views.page) ]
上方的分页代码还有一个不足之处,当我们的页码数量过多时,会全部展示出来,整个页面都是很不美观,我们直接在上方代码上稍加修改一下试试.
# name: views.py from django.shortcuts import render,HttpResponse from MyWeb import models from django.core.paginator import Paginator, EmptyPage, PageNotAnInteger def page(request): user = models.User.objects.all() paginator = Paginator(user, 10) currentPage = int(request.GET.get("id",1)) if paginator.num_pages > 15: if currentPage-5 < 1: pageRange = range(1,11) elif currentPage+5 > paginator.num_pages: pageRange = range(currentPage-5,paginator.num_pages) else: pageRange = range(currentPage-5,currentPage+5) else: pageRange = paginator.page_range try: user_list = paginator.page(currentPage) except PageNotAnInteger: user_list = paginator.page(1) except: user_list = paginator.page(paginator.num_pages) return render(request,"page.html",{"user_list":user_list, "paginator":paginator, "page_range":pageRange, # 此处自定义一个分页段 "currentPage":currentPage})
前端分页代码只需要将paginator.page_range改为page_range其他地方不需要动.
{% for item in page_range %} {% if item == currentPage %}
这样,无论有多少页面,都能够保证只显示10页。
分页后添加删除功能
1.删除功能的实现,很简单,只需要定位得到指定的tr上,取出里面的id号码,并发送给后端,执行sql删除就完事了。
Title
选择 | 序号 | 用户名 | 用户密码 |
---|---|---|---|
{{ article.id }} | {{ article.username }} | {{ article.password }} |
实现模态框编辑内容
点击选中行,然后弹出模态框,并自动的获取到该行数据,编辑好以后直接用ajax发送post请求到后端处理即可。
选择 | 用户ID | 用户名称 | 用户邮箱 |
---|---|---|---|
1001 | lyshark | [email protected] | |
1002 | 搞事情 | [email protected] |
完整代码笔记
利用BootStrap框架实现分页: 通过使用bootstrap框架,并配合Django自带的分页组件即可实现简单的分页效果.
# name: models.py from django.db import models class User(models.Model): id = models.AutoField(primary_key=True) username = models.CharField(max_length=32) password = models.CharField(max_length=32) # 插入测试数据 import random def index(request): for i in range(1,1000): chars = [] pasd = [] for x in range(1,8): chars.append(random.choice('abcdefghijklmnopqrstuvwxyz')) pasd.append(random.choice('0987654321')) user = "".join(chars) pwd = "".join(pasd) models.User.objects.create(username=user, password=pwd) return HttpResponse("ok")
Title
序号 | 用户名 | 用户密码 |
---|---|---|
{{ article.id }} | {{ article.username }} | {{ article.password }} |
统计: {{ currentPage }}/{{ paginator.num_pages }} 共查询到:{{ paginator.count }} 条数据 页码列表:{{ paginator.page_range }}
# name: views.py from django.shortcuts import render,HttpResponse from MyWeb import models from django.core.paginator import Paginator, EmptyPage, PageNotAnInteger def page(request): user = models.User.objects.all() paginator = Paginator(user, 10) currentPage = int(request.GET.get("id",1)) try: user_list = paginator.page(currentPage) except PageNotAnInteger: user_list = paginator.page(1) except: user_list = paginator.page(paginator.num_pages) return render(request,"page.html",{"user_list":user_list, "paginator":paginator, "currentPage":currentPage})
# name: urls.py from MyWeb import views urlpatterns = [ path('admin/', admin.site.urls), path('page',views.page) ]
上方的分页代码还有一个不足之处,当我们页面中的页码数量过多时,默认会将页码全部展示出来,整个页面看上去很不美观,我们可以直接在上方分页代码上稍加修改即可,如下代码.
# name: views.py from django.shortcuts import render,HttpResponse from MyWeb import models from django.core.paginator import Paginator, EmptyPage, PageNotAnInteger def page(request): user = models.User.objects.all() paginator = Paginator(user, 10) currentPage = int(request.GET.get("id",1)) if paginator.num_pages > 15: if currentPage-5 < 1: pageRange = range(1,11) elif currentPage+5 > paginator.num_pages: pageRange = range(currentPage-5,paginator.num_pages) else: pageRange = range(currentPage-5,currentPage+5) else: pageRange = paginator.page_range try: user_list = paginator.page(currentPage) except PageNotAnInteger: user_list = paginator.page(1) except: user_list = paginator.page(paginator.num_pages) return render(request,"page.html",{"user_list":user_list, "paginator":paginator, "page_range":pageRange, # 此处自定义一个分页段 "currentPage":currentPage})
前端分页代码只需要将paginator.page_range改为page_range其他地方不需要动.
{% for item in page_range %} {% if item == currentPage %}
利用layui框架实现分页:
layui是一个完整的前端开发框架,利用它可以快速构建分页应用,比BootStrap更加灵活.
# models.py from django.db import models class HostDB(models.Model): id = models.AutoField(primary_key=True) hostname = models.CharField(max_length=64) hostaddr = models.CharField(max_length=64) hostmode = models.CharField(max_length=64)
# views.py from django.shortcuts import render,HttpResponse from django.core.paginator import Paginator,EmptyPage,PageNotAnInteger from MyWeb import models import json def index(request): return render(request,"index.html") def get_page(request): data = models.HostDB.objects.all() dataCount = data.count() pageIndex = request.GET.get("pageIndex") pageSize = request.GET.get("pageSize") print("当前索引:{} 当前大小:{}".format(pageIndex,pageSize)) print("所有记录:{} 数据总条数:{}".format(data,dataCount)) # 将数据组装成字典后放入data_list列表 data_list,ref_data = [],[] for item in data: dict = { 'id':item.id , 'hostname':item.hostname, 'hostaddr':item.hostaddr, 'hostmode':item.hostmode } data_list.append(dict) # 使用分页器分页 pageInator = Paginator(data_list,pageSize) context = pageInator.page(pageIndex) for item in context: ref_data.append(item) # 返回分页格式 data = { "code": 0,"msg": "ok","DataCount": dataCount,"data": ref_data } return HttpResponse(json.dumps(data))
# name: url.py from MyWeb import views urlpatterns = [ path('admin/', admin.site.urls), path('',views.index), path('get_page/',views.get_page) ]
layui实现完整表格分页:
通过使用layui框架完成的一个相对完整的表格分页,可用于生产环境.
# name:views.py from django.shortcuts import render,HttpResponse from django.core.paginator import Paginator,EmptyPage,PageNotAnInteger from MyWeb import models import json def index(request): return render(request,"index.html") def get_page(request): data = models.HostDB.objects.all() dataCount = data.count() pageIndex = request.GET.get("pageIndex") pageSize = request.GET.get("pageSize") print("当前索引:{} 当前大小:{}".format(pageIndex,pageSize)) print("所有记录:{} 数据总条数:{}".format(data,dataCount)) list = [] res = [] for item in data: dict = {} dict['id'] = item.id dict['hostname'] = item.hostname dict['hostaddr'] = item.hostaddr dict['hostmode'] = item.hostmode list.append(dict) pageInator = Paginator(list,pageSize) context = pageInator.page(pageIndex) for item in context: res.append(item) data = { "code": 0,"msg": "ok","DataCount": dataCount,"data": res } return HttpResponse(json.dumps(data)) def search_page(request): sql = request.GET.get("hostname") data = models.HostDB.objects.all().filter(hostname=sql) list = [] for item in data: dict = {} dict['id'] = item.id dict['hostname'] = item.hostname dict['hostaddr'] = item.hostaddr dict['hostmode'] = item.hostmode list.append(dict) data = { "code": 0,"msg": "ok","DataCount": 1,"data": list } return HttpResponse(json.dumps(data)) def delete_page(request): get_id = request.GET.get("id") models.HostDB.objects.filter(id=get_id).delete() return render(request,"index.html") def update_page(request): get_id = request.GET.get("id") get_hostname = request.GET.get("hostname") get_hostaddr = request.GET.get("hostaddr") get_hostmode = request.GET.get("hostmode") print(get_hostmode) obj = models.HostDB.objects.get(id=get_id) obj.hostname = get_hostname obj.hostaddr = get_hostaddr obj.hostmode = get_hostmode obj.save() return render(request,"index.html")
# name: urls.py from MyWeb import views urlpatterns = [ path('',views.index), path('get_page/',views.get_page), path('search_page/',views.search_page), path('delete_page/',views.delete_page), path("update_page/",views.update_page) ]
自己实现分页:
转载代码,仅用于收藏。
from urllib.parse import urlencode class Pagination(object): def __init__(self,current_page,total_count,base_url,params,per_page_count=10,max_pager_count=10): try: current_page = int(current_page) except Exception as e: current_page = 1 if current_page <= 1: current_page = 1 self.current_page = current_page # 数据总条数 self.total_count = total_count # 每页显示10条数据 self.per_page_count = per_page_count # 页面上应该显示的最大页码 max_page_num, div = divmod(total_count, per_page_count) if div: max_page_num += 1 self.max_page_num = max_page_num # 页面上默认显示11个页码(当前页在中间) self.max_pager_count = max_pager_count self.half_max_pager_count = int((max_pager_count - 1) / 2) # URL前缀 self.base_url = base_url # request.GET import copy params = copy.deepcopy(params) # params._mutable = True get_dict = params.to_dict() # 包含当前列表页面所有的搜/索条件 self.params = get_dict @property def start(self): return (self.current_page - 1) * self.per_page_count @property def end(self): return self.current_page * self.per_page_count def page_html(self): # 如果总页数 <= 11 if self.max_page_num <= self.max_pager_count: pager_start = 1 pager_end = self.max_page_num # 如果总页数 > 11 else: # 如果当前页 <= 5 if self.current_page <= self.half_max_pager_count: pager_start = 1 pager_end = self.max_pager_count else: # 当前页 + 5 > 总页码 if (self.current_page + self.half_max_pager_count) > self.max_page_num: pager_end = self.max_page_num pager_start = self.max_page_num - self.max_pager_count + 1 #倒这数11个 else: pager_start = self.current_page - self.half_max_pager_count pager_end = self.current_page + self.half_max_pager_count page_html_list = [] # {source:[2,], status:[2], gender:[2],consultant:[1],page:[1]} # 首页 self.params['page'] = 1 first_page = '首页' % (self.base_url,urlencode(self.params),) page_html_list.append(first_page) # 上一页 self.params["page"] = self.current_page - 1 if self.params["page"] <= 1: pervious_page = '上一页' % (self.base_url, urlencode(self.params)) else: pervious_page = '上一页' % ( self.base_url, urlencode(self.params)) page_html_list.append(pervious_page) # 中间页码 for i in range(pager_start, pager_end + 1): self.params['page'] = i if i == self.current_page: temp = '%s' % (self.base_url,urlencode(self.params), i,) else: temp = '%s' % (self.base_url,urlencode(self.params), i,) page_html_list.append(temp) # 下一页 self.params["page"] = self.current_page + 1 if self.params["page"] > self.max_page_num: self.params["page"] = self.current_page next_page = '下一页' % (self.base_url, urlencode(self.params)) else: next_page = '下一页' % (self.base_url, urlencode(self.params)) page_html_list.append(next_page) # 尾页 self.params['page'] = self.max_page_num last_page = '尾页' % (self.base_url, urlencode(self.params),) page_html_list.append(last_page) return ''.join(page_html_list)
文章出处:https://www.cnblogs.com/lyshark
以上就是Django Paginator分页器的使用示例的详细内容,更多关于Django Paginator分页器的使用的资料请关注脚本之家其它相关文章!