## 1 分页器组件介绍
```python
1 项目数据量大了以后，比如涉及到分页，一页一页的加载显示
2 django中分页器组件，把分页常用的东西，封装到一个类中
3 实例化得到一个对象，对象里有属性和方法
```
## 2 分页器的简单使用
```python
#######1 Paginator对象的属性和方法
book_list=models.Book.objects.all()
# 实例化得到对象
# 第一个参数：要分页的数据，book_list
# 第二个参数：每页条数
paginator=Paginator(book_list,10)
# Paginator对象的属性和方法
print(paginator.per_page) # 每页显示的条数
print(paginator.count) # 总条数，总共要分页多少条数据
print(paginator.num_pages) # 总页码数
print(paginator.page_range) # 页码的生成器 [1,2,3,4,5,6,7,8,9,10]
######3 Page对象的属性和方法
# Page类 的对象
page=paginator.page(2) # 第一页的对象
# 每一页的对象，属性和方法
print(page.has_next()) # 有没有下一页
print(page.next_page_number()) # 下一页页码
print(page.has_previous()) # 是否有上一页
print(page.previous_page_number()) # 上一页页面 （当前页如果是第一页，没有上一页）
print(page.object_list) # 当前页的所有数据
print(page.number) # 当前页的页码数
##### 4 表模型中默认以id排序
class Meta:
ordering=('id', ) # 默认以id排序
```
### 视图
```python
def index(request):
# 需要的第三个参数
page_num_int=int(request.GET.get('page',1))
book_list = models.Book.objects.all()
paginator = Paginator(book_list, 10)
# 需要的第一个参数：页码的生成器 [1,2,3,4,5,6,7,8,9,10]
page_range = paginator.page_range
# 需要的第二个参数,去到某一页的page对象
page = paginator.page(page_num_int)
return render(request, 'index.html', {'page_range':page_range,'page':page,'page_num_int':page_num_int})
```
### 模板
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="/static/bootstrap/css/bootstrap.min.css">
<title>Title</title>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<table class="table">
<thead>
<tr>
<th>id</th>
<th>名字</th>
<th>价格</th>
</tr>
</thead>
<tbody>
{% for book in page.object_list %}
<tr>
<td>{{ book.id }}</td>
<td>{{ book.name }}</td>
<td>{{ book.price }}</td>
</tr>
{% endfor %}
</tbody>
</table>
<div class="text-center">
<nav aria-label="Page navigation">
<ul class="pagination">
{% if page.has_previous %}
<li>
<a href="/?page={{ 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 page_num in page_range %}
{% if page_num_int == page_num %}
<li class="active"><a href="/?page={{ page_num }}">{{ page_num }}</a></li>
{% else %}
<li><a href="/?page={{ page_num }}">{{ page_num }}</a></li>
{% endif %}
{% endfor %}
{% if page.has_next %}
<li>
<a href="/?page={{ page.next_page_number }}" 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>
</div>
</div>
</div>
</body>
</html>
```
## 3 分页器的进阶使用
```python
# 最多显示前5 后5 和当前，总共11个页码，如果少于11，全部显示出来
#逻辑分析
显示左5，右5，总共11个页，
1 如果总页码大于11
1.1 if 当前页码减5小于1，要生成1到12的列表（顾头不顾尾，共11个页码）
page_range=range(1,12)
1.2 elif 当前页码+5大于总页码，生成当前页码减10，到当前页码加1的列表（顾头不顾尾，共11个页码）
page_range=range(paginator.num_pages-10,paginator.num_pages+1)
1.3 else 生成当前页码-5，到当前页码+6的列表
page_range=range(current_page_num-5,current_page_num+6)
2 其它情况，生成的列表就是pageinator的page_range
page_range=paginator.page_range
```
### 视图
```python
def index(request):
# 需要的第三个参数
page_num_int = int(request.GET.get('page', 1))
book_list = models.Book.objects.all()
paginator = Paginator(book_list, 1)
# 需要的第一个参数：页码的生成器 [1,2,3,4,5,6,7,8,9,10]
# page_range = paginator.page_range
if paginator.num_pages > 11:
# 当前条件符合了以后，有三种情况
if page_num_int - 5 < 1:
page_range = range(1, 11)
elif page_num_int + 5 > paginator.num_pages:
page_range = range(paginator.num_pages - 10, paginator.num_pages + 1)
else:
page_range = range(page_num_int - 5, page_num_int + 5)
else:
page_range = paginator.page_range
# 需要的第二个参数,去到某一页的page对象
page = paginator.page(page_num_int)
return render(request, 'index.html', {'page_range': page_range, 'page': page, 'page_num_int': page_num_int})
```
### 模板
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="/static/bootstrap/css/bootstrap.min.css">
<title>Title</title>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<table class="table">
<thead>
<tr>
<th>id</th>
<th>名字</th>
<th>价格</th>
</tr>
</thead>
<tbody>
{% for book in page.object_list %}
<tr>
<td>{{ book.id }}</td>
<td>{{ book.name }}</td>
<td>{{ book.price }}</td>
</tr>
{% endfor %}
</tbody>
</table>
<div class="text-center">
<nav aria-label="Page navigation">
<ul class="pagination">
{% if page.has_previous %}
<li>
<a href="/?page={{ 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 page_num in page_range %}
{% if page_num_int == page_num %}
<li class="active"><a href="/?page={{ page_num }}">{{ page_num }}</a></li>
{% else %}
<li><a href="/?page={{ page_num }}">{{ page_num }}</a></li>
{% endif %}
{% endfor %}
{% if page.has_next %}
<li>
<a href="/?page={{ page.next_page_number }}" 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>
</div>
</div>
</div>
</body>
</html>
```
## 4 forms组件介绍
```python
1 注册功能，登录功能，前端需要校验（字段长度，邮箱是否合法。。。）
2 前端校验可以没有，后端校验是必须的，使用传统方式 if判断写的很多
3 借助于forms组件，可以快速实现字段的校验
from django.forms import Form
```
## 5 forms校验字段功能
```python
### 1 写一个类，类里写要校验的字段
class MyForm(forms.Form):
# 校验这个字段，最大长度是32，最小长度是3
name = forms.CharField(required=False, max_length=32, min_length=3,label='用户名')
email = forms.EmailField(label='邮箱')
age=forms.IntegerField(max_value=200,min_value=0,label='年龄')
### 2 视图函数中使用
def register(request):
# 数据可以是从前端传过来的，也可以是自己后台的数据
# 我现在有以下数据
data={'name':'lqz','email':'33333@qq.com','age':900}
# data={'email':'33333@qq.com','age':100}
# data={'age':100}
# 校验数据是否合法
# 实例化得到form对象，把要校验的数据传入
form=myforms.MyForm(data)
# 校验数据:form.is_valid() 返回布尔类型
if form.is_valid():
print('校验通过')
# 校验通过的数据
print(form.cleaned_data) # 不一定是上面传入的数据
else:
print(form.cleaned_data)
print('校验失败')
# 哪个字段失败了？失败的原因是什么
print(form.errors)
print(type(form.errors))
from django.forms.utils import ErrorDict
#### 重写了__str__
print(form.errors.as_json())
print(form.errors.as_data())
# form.errors.as_ul() # 是为了渲染模板
return HttpResponse('ok')
```
## 6 forms渲染模板功能
```python
## 视图函数
def register(request):
if request.method=='GET':
form=myforms.MyForm()
return render(request,'register.html',{'form':form})
elif request.method=='POST':
# 数据校验
form=myforms.MyForm(request.POST)
if form.is_valid():
print('校验通过，存数据库')
else:
print(form.errors.as_data())
print('校验失败，返回错误')
return HttpResponse('ok')
## 模板
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<hr>
<h1>手动创建模板</h1>
<form action="" method="post">
<p>用户名：<input type="text" name="name"></p>
<p>邮箱：<input type="text" name="email"></p>
<p>年龄：<input type="text" name="age"></p>
<p><input type="submit" value="提交"></p>
</form>
<hr>
<h1>半自动渲染模板1</h1>
<form action="" method="post">
<p>用户名：{{ form.name }}</p>
<p>邮箱：{{ form.email }}</p>
<p>年龄：{{ form.age }}</p>
<p><input type="submit" value="提交"></p>
</form>
<h1>半自动渲染模板2(用的最多)</h1>
<form action="" method="post">
<p>{{ form.name.label }}--{{ form.name }}</p>
<p>{{ form.email.label }}---{{ form.email }}</p>
<p>{{ form.age.label }}---{{ form.age }}</p>
<p><input type="submit" value="提交"></p>
</form>
<h1>半自动渲染模板3(用的最多)</h1>
<form action="" method="post">
{% for foo in form %}
<p>{{ foo.label }} :{{ foo }}</p>
{% endfor %}
<p><input type="submit" value="提交"></p>
</form>
<h1>全自动(了解)</h1>
<form action="" method="post">
{# {{ form.as_ul }}#}
{{ form.as_p }}
{# <table>#}
{# {{ form.as_table }}#}
{# </table>#}
<p><input type="submit" value="提交"></p>
</form>
</body>
</html>
```
# views.py
from django.shortcuts import render, HttpResponse, redirect
from app01 import models
from django.core.paginator import Paginator
# Create your views here.
def insert(request):
# 批量插入
# 方式一
# for i in range(100):
# models.Book.objects.create(name='书籍%s'%(i+1),price=i*2)
# 方式二
l = []
for i in range(100):
book = models.Book.objects.create(name='书籍%s' % (i + 1), price=i * 2)
l.append(book)
# bulk_create() 批量插入
models.Book.objects.bulk_create(l, 20) # 参数：批量插入的对象，一次插入的数据量
return render(request, 'index.html')
# def index(request):
# book_list = models.Book.objects.all()
# # 实例化得到对象 (要分页的对象，每一页的数据量)
# paginator = Paginator(book_list, 10)
#
# # Paginator对象的属性及方法
# print('数据的总条数:', paginator.count) # 数据的总条数
# print('每页显示的条数:', paginator.per_page) # 每页显示的条数
# print('总页数:', paginator.num_pages) # 总页数
# print('页码的生成器:', paginator.page_range) # 页码的生成器 [1,2,3,4,5,6,7,8,9,10]
#
# # Page类的对象
# page = paginator.page(2) # 第二页的对象
# # 每一页的对象的属性及方法
# print('判断是否有下一页：', page.has_next()) # 判断是否有下一页
# print('下一页的页码：', page.next_page_number()) # 下一页的页码
# print('判断是否有上一页：', page.has_previous()) # 判断是否有上一页
# print('上一页的页码：', page.previous_page_number()) # 上一页的页码 （当前页如果是第一页，则没有上一页，报错）
# print('当前页的所有数据：', page.object_list) # 当前页的所有数据
# print('当前页的页码：', page.number) # 当前页的页码
#
# # 传给前端进行分页显示 page_range --> 页码生成器
# page_range = paginator.page_range
#
# return render(request, 'index.html', locals())
# def index(request):
# book_list = models.Book.objects.all()
# # 第三个参数
# page_num_int = int(request.GET.get('page', 1)) # get的 第二个参数为默认值
# paginator = Paginator(book_list, 10)
#
# # 第一个参数： page_range --> 页码生成器 传给前端进行分页显示
# page_range = paginator.page_range
# # 第二个参数：取到某一页的page对象
# page = paginator.page(page_num_int)
# return render(request, 'index.html', locals())
# 解决页码过多问题
def index(request):
page_num_int = int(request.GET.get('page', 1))
book_list = models.Book.objects.all()
paginator = Paginator(book_list, 5)
# 显示前5页，本页，后5页
if paginator.num_pages > 11: # 页码大于11时
# 当前条件符合了以后，有三种情况
if page_num_int - 5 < 1: # 前5页，将页码显示固定
page_range = range(1, 11)
elif page_num_int + 5 > paginator.num_pages: # 后5页，将页码显示固定
page_range = range(paginator.num_pages - 10, paginator.num_pages + 1) # range最后一个数取不到，+1
else: # 中间的页码，显示本页、前5页、后5页
page_range = range(page_num_int - 5, page_num_int + 6)
else:
page_range = paginator.page_range
page = paginator.page(page_num_int)
return render(request, 'index.html', {'page_range': page_range, 'page': page, 'page_num_int': page_num_int})
from app01 import app01_forms
# def register(request):
# # 校验的数据可以从前端传入，也可以是后台数据
# # 后台数据：
# data = {'username': 'welt', 'email': 'welt@InverseEntropy.com', 'age': 10000}
# # 实例化得到form对象
# form = app01_forms.MyForm(data)
# # 校验判断 is_valid() 返回值bool类型
# if form.is_valid():
# print('校验通过。')
# # cleaned_data 获取校验通过的数据
# print(form.cleaned_data) # 不一定与传入的data数据相同
# else:
# print('校验失败。')
# print(form.cleaned_data) # 获取校验通过的数据
# print(form.errors) # form.errors 获取校验失败的字段及失败原因
# # form.error 重写了 __str__方法，默认返回格式为as_ul
# print(form.errors.as_data())
# print(form.errors.as_json())
# return HttpResponse('ok')
'''
※※※
（1） 调用is_valid()后才有form.errors 和form.cleaned_data
（2） 不论是否校验通过，form.cleaned_data都有值，且不一定与data相同
（3） form.errors 中有as_ul(),as_json(),as_data()...
'''
def register(request):
if request.method == 'GET':
form = app01_forms.MyForm()
return render(request, 'register.html', locals())
else:
form = app01_forms.MyForm(data=request.POST)
if form.is_valid():
models.UserInfo.objects.create(username=request.POST.get('username'), password=request.POST.get('password'),
email=request.POST.get('email'), age=request.POST.get('age'))
print('校验通过，已保存至数据库。')
return HttpResponse('校验通过，已保存至数据库。')
else:
print('校验失败，返回错误。', form.errors.as_data())
return HttpResponse('校验失败，返回错误：%s' % form.errors.as_data())
# models.py
from django.db import models
# Create your models here.
class Book(models.Model):
id = models.AutoField(primary_key=True)
name = models.CharField(max_length=32)
price = models.DecimalField(max_digits=5, decimal_places=2)
class Meta:
ordering = ('id',) # 默认以id排序
class UserInfo(models.Model):
id = models.AutoField(primary_key=True)
username = models.CharField(max_length=32)
password = models.CharField(max_length=32)
age = models.IntegerField(null=True)
email = models.EmailField(max_length=32)
# app01_forms.py
from django import forms
class MyForm(forms.Form):
# 添加要校验的字段
username = forms.CharField(max_length=32, min_length=3, required=True, label='用户名')
# max_length最大长度，required默认为True表示必填字段，label为模板渲染时显示的字段，若不写label则默认显示字段名Username
password = forms.CharField(max_length=32, min_length=5, label='密码')
email = forms.EmailField(max_length=32, label='邮箱')
age = forms.IntegerField(max_value=200, required=False, label='年龄')
register.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>register</title>
</head>
<body>
<h1>模板一</h1>
<form action="" method="post">
<p>用户名：<input type="text" name="username"></p>
<p>密码：<input type="password" name="password"></p>
<p>邮箱：<input type="text" name="email"></p>
<p>年龄：<input type="text" name="age"></p>
<p><input type="submit" value="提交"></p>
</form>
<hr>
<h3>以下模板在前端会进行校验</h3>
<hr>
<h1>模板二</h1>
<form action="" method="post">
<p>用户名：{{ form.username }}</p>
<p>密码：{{ form.password }}</p>
<p>邮箱：{{ form.email }}</p>
<p>年龄：{{ form.age }}</p>
<p><input type="submit" value="提交"></p>
</form>
<hr>
<h1>模板三（※）</h1>
<form action="" method="post">
<p>{{ form.username.label }}：{{ form.username }}</p>
<p>{{ form.password.label }}：{{ form.password }}</p>
<p>{{ form.email.label }}：{{ form.email }}</p>
<p>{{ form.age.label }}：{{ form.age }}</p>
<p><input type="submit" value="提交"></p>
</form>
<hr>
<h1>模板四（※）</h1>
<form action="" method="post">
{% for foo in form %}
<p>{{ foo.label }}：{{ foo }}</p>
{% endfor %}
<p><input type="submit"></p>
</form>
<hr>
<h1>模板五</h1>
<form action="" method="post">
{# {{ form.as_ul }}#}
{# {{ form.as_p }}#}
<table>
{{ form.as_table }}
</table>
<p><input type="submit"></p>
</form>
</body>
</html>
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="/static/bootstrap/css/bootstrap.min.css">
<title>Title</title>
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<table class="table">
<thead>
<tr>
<th>id</th>
<th>名字</th>
<th>价格</th>
</tr>
</thead>
<tbody>
{% for book in page.object_list %}
<tr>
<td>{{ book.id }}</td>
<td>{{ book.name }}</td>
<td>{{ book.price }}</td>
</tr>
{% endfor %}
</tbody>
</table>
<div class="text-center">
<nav aria-label="Page navigation">
<ul class="pagination">
{% if page.has_previous %}
<li>
<a href="/?page={{ 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 page_num in page_range %}
{% if page_num_int == page_num %}
<li class="active"><a href="/?page={{ page_num }}">{{ page_num }}</a></li>
{% else %}
<li><a href="/?page={{ page_num }}">{{ page_num }}</a></li>
{% endif %}
{% endfor %}
{% if page.has_next %}
<li>
<a href="/?page={{ page.next_page_number }}" 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>
</div>
</div>
</div>
</body>
</html>
浙公网安备 33010602011771号