Django组件:分页器
目录结构:
urls.py
from django.contrib import admin from django.urls import path from app01 import views urlpatterns = [ path('admin/', admin.site.urls), path(r"index/",views.index) ]
models.py
from django.db import models # Create your models here. class Book(models.Model): title = models.CharField(max_length=32) price = models.DecimalField(decimal_places=2,max_digits=8)
views.py
from django.shortcuts import render # Create your views here. from app01.models import Book # 导入分页器 from django.core.paginator import Paginator,EmptyPage def index(request): """ # 批量插入数据 # for i in range(100): # Book.objects.create(title="book_%s"%i,price=i*i) # 但上面的批量插入方式效率低,因为需要往数据库中insert100次;不如把100条记录先准备好,只insert一次, insert ... values(),(),... book_list = [] for i in range(100): # 这个过程中和数据库无关,只是实例化出了100个Book对象(因为没有 save() ) book_obj = Book(title="book_%s"%i,price=i*i) book_list.append(book_obj) # bulk_create():批量插入数据 Book.objects.bulk_create(book_list) # 效果就是:一条insert后面有100条数据 :param request: :return: """ book_list = Book.objects.all() # .objects.all():相当于一个 生成器,并不是一次性把数据从数据库全部取了出来 # Paginator(object_list,per_page):第一个参数是对象列表,第二个是每页显示多少条数据 paginator = Paginator(book_list,3) # 得到一个Paginator分页器对象 # paginator的属性 # print("count:",paginator.count) # paginator.count:统计Book_list里面有多少条数据 # print("num_pages:",paginator.num_pages) # paginator.num_pages:总共有多少页 # print("page_range:",paginator.page_range) # paginator.page_range:页码的列表 # count: 100 # num_pages: 13 # page_range: range(1, 14) # range(1,14) 是因为range顾头不顾尾 """ # 显示某一页具体数据的两种方式 page1 = paginator.page(1) # 第一页的page对象;page1可进行迭代处理 print("objects_list",page1.object_list) # page1.object_list:这一页所有的model记录对象;QuerySet类型 # page1也可进行遍历 for i in page1: print(i) # 所以想要显示某一页的具体数据可以通过 page1.object_list 或者 遍历 page1 这两种方法 """ # 为了不把页码写死,需要动态的传入页码 current_page_num = int(request.GET.get("page", 1)) # get中的1表示默认获取到的值 # page_range:用于在模板中渲染多少个的页码的变量 # 固定显示的最大页码数为11页 if paginator.num_pages > 11: # 如果总页码数大于11,则固定显示11页 # 如果当前页为最前面的5个, 则要让 page_range 固定为 range(1,12) if current_page_num - 5 < 1: page_range = range(1,12) # 如果当前页为最后面的5个, 则要让 page_range 固定为 range(paginator.num_pages-10,paginator.num_pages+1) (即最后面的11个页码) elif current_page_num + 5 > paginator.num_pages: page_range = range(paginator.num_pages-10,paginator.num_pages+1) else: # 中间的情况 page_range = range(current_page_num-5,current_page_num+6) else: # 如果小于11页,就显示全部页码 page_range = paginator.page_range # 如果页码错误(current_page_num不在有效页码范围之内),就让其显示第一页 try: current_page = paginator.page(current_page_num) # 当前页 """ # page对象的方法: print(current_page.has_next()) # page.has_next():是否有下一页 print(current_page.next_page_number()) # page.next_page_number(): 下一页的页码 print(current_page.has_previous()) # 是否有上一页 print(current_page.previous_page_number()) # 上一页的页码 """ except EmptyPage as e: current_page = paginator.page(1) return render(request,"index.html",locals())
index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> </head> <body> <ul> {#此时不要循环所有数据(book_list),而是只循环当前页的数据 #} {% for book in current_page %} <li>{{ book.title }}:{{ book.price }}</li> {% endfor %} </ul> <nav aria-label="Page navigation"> <ul class="pagination"> {# 另一种方法:直接利用 current_page.has_previous 和 current_page.previous_page_number #} {# 先判断它有没有上一页 #} {% if current_page.has_previous %} <li> {# 通过过滤器让 current_page_num 减1(加 -1);这是一种方法 #} {# <a href="?page={{ current_page_num|add:-1 }}" aria-label="Previous">#} <a href="?page={{ current_page.previous_page_number }}" aria-label="Previous"> <span aria-hidden="true">上一页</span> </a> </li> {# 如果没有上一页,则让该li标签 disabled #} {% else %} <li class="disabled"> <a href="" aria-label="Previous"> <span aria-hidden="true">上一页</span> </a> </li> {% endif %} {# 循环页码总数,添加分页器的页数 #} {# 但为了只显示固定数量的页码数,我们应该只循环page_range这个变量,而不是所有的页码 #} {# {% for item in paginator.page_range %}#} {% for item in page_range %} {% if current_page_num == item %} {# a标签中的 herf 如果只有请求数据,那么默认的IP、端口和路径就是当前页面的 #} <li class="active" ><a href="?page={{ item }}">{{ item }}</a></li> {# 点击分页器中的某一页码,其颜色就会发生变化:在li标签中添加 class="active" #} {% else %} <li><a href="?page={{ item }}">{{ item }}</a></li> {% endif %} {% endfor %} {# <li><a href="?page={{ current_page_num|add:1 }}" aria-label="Next"><span aria-hidden="true">下一页</span></a></li>#} {# 下一页同理: .has_next 和 next_page_num #} {% if current_page.has_next %} <li><a href="?page={{ current_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> </body> </html>
django组件 ---- forms组件
(1) forms组件之校验字段功能
urls.py
from django.contrib import admin from django.urls import path from app01 import views urlpatterns = [ path('admin/', admin.site.urls), path(r"reg/",views.reg) ]
views.py
from django.shortcuts import render,HttpResponse # Create your views here. # 导入forms组件 from django import forms class UserForm(forms.Form): # 类名可以自己定义,但需要继承 forms.Form # 字段名称 = 校验规则 # 校验规则都有一个 非空 规则 name = forms.CharField(min_length=4) # name这个字段必须是最少为4位的字符串 psw = forms.CharField(min_length=4) r_psw = forms.CharField(min_length=4) email = forms.EmailField() # forms.EmailField():邮箱校验规则 tel = forms.CharField() def reg(request): if request.method == "POST": """ # forms组件的应用: form = UserForm({"name":"neo","email":"123@qq.com","xx":"666naosid"}) # 把待校验的信息以字典的形式(字典的键值必须和类的字段一致)放入 UserForm中实例化一个对象;该对象有 is_valid() 的方法进行校验是否符合定义的校验规则 # 如果字典中的某个key在UserForm中的所有字段中不存在,且UserForm中的【所有】字段都校验正确,则这些不存在的key-value 不会对校验结果(form.is_valid())产生影响;但如果UserForm中不是【所有的】字段都校验正确,则 form.is_valid()返回 False # 如: UserForm({"name":"neo123","email":"123@qq.com","xxx":"123465"}) 返回True,因为 name 和 email都校验正确(UserForm所有的字段);但 UserForm({"name":"neo123","xxx":"123465"}) 会返回 False print(form.is_valid()) # is_valid() 返回Bool值 # UserForm中的字段如果没有被全部校验(如:字典是没有 "name"= "xxx" 等),则返回False,因为 为空匹配 if form.is_valid(): print(form.cleaned_data) # 如果 所有的字段都校验成功,则 form会有一个 cleaned_data 的属性, form.cleaned_data 是一个包含所有正确信息的字典(不包含不存在的字段,即不包含与UserForm无关的字段) else: # 没有符合全部字段的校验规则 print(form.cleaned_data) # 把 form.is_valid() 在校验过程中发现的符合校验规则的key-value放入 form.cleaned_data 这个字典中 print(form.errors) # 把 form.is_valid() 在校验过程中发现的不符合校验规则的key-value(即错误信息)放入 form.errors 这个字典中;其数据类型可理解为一个字典,字典时的value是一个列表(django.forms.utils.ErrorList)放错误信息 """ # forms组件的校验功能 print(request.POST) form = UserForm(request.POST) # request.POST(来自前端的form表单的name属性)本身就是一个字典,而且它的key和 UserForm的字段名一致(在reg.html中自己设置的);虽然 request.POST中有 csrf,但并不会影响校验结果(原因如上,只是多了一个无关的key-value而已) if form.is_valid(): print(form.cleaned_data) else: print(form.cleaned_data) print(form.errors) print(type(form.errors)) # <class 'django.forms.utils.ErrorDict'> # 所以能用字典的方法去处理 form.errors return HttpResponse("ok") return render(request,"reg.html")
reg.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form action="" method="post"> {% csrf_token %} {# 为了form表单校验方便,表单控件是 name属性的值应该和forms组件(UserForm)中的字段一致 #} <p>用户名 <input type="text" name="name"></p> <p>密码 <input type="password" name="psw"></p> <p>确认密码 <input type="password" name="r_psw"></p> <p>邮箱 <input type="text" name="email"></p> <p>电话 <input type="text" name="tel"></p> <input type="submit"> </form> </body> </html>
forms组件的渲染标签功能1:
还以上面的project为例
views.py
from django.shortcuts import render,HttpResponse # Create your views here. # 导入forms组件 from django import forms class UserForm(forms.Form): # 类名可以自己定义,但需要继承 forms.Form # 字段名称 = 校验规则 # 校验规则都有一个 非空 规则 name = forms.CharField(min_length=4) # CharField()可以渲染input标签 psw = forms.CharField(min_length=4) r_psw = forms.CharField(min_length=4) email = forms.EmailField() # EmailField() 也可以渲染input标签 tel = forms.CharField() def reg(request): if request.method == "POST": if form.is_valid(): print(form.cleaned_data) else: print(form.cleaned_data) print(form.errors) print(type(form.errors)) return HttpResponse("ok") # forms组件渲染方式1 # 假如你不想自己去渲染 reg.html 中的form表单控件,你可以先用 UserForm 实例化一个对象 form,然后把这个 form 对象传到 render 中,最后在reg.html中利用 form对象去渲染 form表单控件 form1 = UserForm() # get请求方式时传入 render() reg.html 中去渲染 form 表单控件 return render(request,"reg.html",locals())
reg.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h3>forms组件渲染方式1</h3> <form action="" method="post"> {% csrf_token %} <p>用户名 {# 通过传进来的 UserForm 的对象 form1.字段的形式,可直接渲染出 input标签,并且 input标签的name属性值为 form1这个对象的 字段名#} {{ form1.name }} </p> <p>密码 {{ form1.psw }}</p> <p>确认密码 {{ form1.r_psw }}</p> <p>邮箱 {{ form1.email }}</p> <p>电话 {{ form1.tel }}</p> {# CharField 校验规则能渲染 type="text"的input标签;EmailField 校验规则能渲染 type="email"的input标签#} {# 字段非常多的时候可以用这种方式#} <input type="submit"> </form> </body> </html>
浏览器效果如下:
注意:forms组件的校验字段功能和渲染标签功能是两套功能;GET请求时进行渲染标签,POST时进行校验字段
forms组件的渲染标签功能2和3:
还以上面的project为例,views.py是要为UserForm这个类添加 label 属性
reg.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h3>forms组件渲染方式2(推荐使用这种)</h3> <form action="" method="post"> {% csrf_token %} {# 也可以 for 循环 views.py 传进来的 form1这个对象,for循环这个form1对象时得到的是 每一个 field对象(字段对象,如渲染方式1中的 form1.name,form1.psw等)#} {% for field in form1 %} <p> {# 字段对象有一个固有的属性 label,如 form1.psw.lable; 字段对象.label 在前端页面的展示效果会动态的跟随字段的名字而变化,如 form1.psw.label 在前端显示的input前的文字为 psw #} {# 如果想让 label 属性显示中文,需要在 UserForm 中为每个字段添加 lable属性值 #} <label for="">{{ field.label }}</label> {# field.label的作用是让input标签前添加label标签(中文描述);field就是 form1.字段名 #} {# 此时 field就是form1中的第一个字段对象 #} {{ field }} </p> {% endfor %} <input type="submit"> <h3>forms组件渲染方式方法3</h3> <form action="" method="post"> {# 直接只写一个 form1.as_p #} {{ form1.as_p }} {# 不推荐这种写法,这种渲染方式得到的form表单控件的结构是固定的:<p><label></label><input></p>,直接就写死了 #} </form> </form> </body> </html>
views.py 中的UserForm:
# 导入forms组件 from django import forms class UserForm(forms.Form): # 类名可以自己定义,但需要继承 forms.Form # 字段名称 = 校验规则 # 校验规则都有一个 非空 规则 name = forms.CharField(min_length=4,label="用户名") # 为每个 字段添加 label属性 psw = forms.CharField(min_length=4,label="密码") r_psw = forms.CharField(min_length=4,label="确认密码") email = forms.EmailField(label="邮箱") tel = forms.CharField(label="电话")
浏览器效果如下:
forms组件渲染错误信息
views.py
from django.shortcuts import render,HttpResponse # Create your views here. # 导入forms组件 from django import forms class UserForm(forms.Form): name = forms.CharField(min_length=4,label="用户名") psw = forms.CharField(min_length=4,label="密码") r_psw = forms.CharField(min_length=4,label="确认密码") email = forms.EmailField(label="邮箱") tel = forms.CharField(label="电话") def reg(request): if request.method == "POST": print(request.POST) form1 = UserForm(request.POST) if form1.is_valid(): print(form1.cleaned_data) else: print(form1.cleaned_data) print(form1.errors) print(type(form1.errors)) # forms 组件渲染错误信息 # GET请求时的form1对象和POST请求时的form1对象是不一样的;GET的form1没有传数据(未邦定数据的forms组件对象),POST的form1传了数据(邦定数据的forms组件对象) # 有错误信息时,依然把 reg.html 返回给前端;此时已输入的正确信息会在输入框中保留 return render(request,"reg.html",locals()) form1 = UserForm() # get请求方式时传入 render() reg.html 中去渲染 form 表单控件 return render(request,"reg.html",locals())
reg.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h3>forms组件渲染错误信息</h3> {#form表单控件的 novalidate 表示:当提交表单时不对表单数据(输入)进行验证#} <form action="" method="post" novalidate> {% csrf_token %} <p> {{ form1.name.label }} {# form1.字段不但能渲染出一个input标签,还能把 POST请求数据 在views.py 中过滤出来的正确信息 赋值给该 input 标签的value属性值;通过这种方式 在前端刷新页面时 已输入的正确信息能保留在输入框中 #} {{ form1.name }} <span>{{ form1.name.errors.0 }}</span> {# 每个字段对象都有一个 errors的属性;可通过 .errors.0 的方式 获取该错误信息 #} {# GET请求时不会显示错误信息,因为此时没有 errors, .errors.0 找不到信息就在前端页面上显示为空 #} </p> <p>{{ form1.psw.label }} {{ form1.psw }}<span>{{ form1.psw.errors.0 }}</span></p> <p>{{ form1.r_psw.label }} {{ form1.r_psw }}<span>{{ form1.r_psw.errors.0 }}</span></p> <p>{{ form1.email.label }} {{ form1.email }}<span>{{ form1.email.errors.0 }}</span></p> <p>{{ form1.tel.label }} {{ form1.tel }}<span>{{ form1.tel.errors.0 }}</span></p> <input type="submit"> </form> </form> </body> </html>
forms组件的参数配置
forms组件的参数是在 views.py中的 UserForm中进行配置的,如:
# forms组件的参数配置 from django import forms from django.forms import widgets class UserForm(forms.Form): name = forms.CharField(min_length=4,label="用户名",error_messages={"required":"该字段不能为空"}, widget=widgets.TextInput(attrs={"class":"form-control"})) # name这个字段必须是最少为4位的字符串 # 为每个 字段添加 label属性 psw = forms.CharField(min_length=4,label="密码",error_messages={"required":"该字段不能为空"}, widget=widgets.PasswordInput(attrs={"class":"form-control"})) r_psw = forms.CharField(min_length=4,label="确认密码",error_messages={"required":"该字段不能为空"}, widget=widgets.PasswordInput(attrs={"class":"form-control"})) email = forms.EmailField(label="邮箱",widget=widgets.EmailInput(attrs={"class":"form-control"}), error_messages={"required": "该字段不能为空", "invalid": "邮箱格式错误"}) # forms.EmailField():邮箱校验规则 tel = forms.CharField(label="电话",widget=widgets.TextInput(attrs={"class":"form-control"}),error_messages={"required":"该字段不能为空"}) """ 1. widget = widgets.TextInput():通过 添加属性 widget 能够控制渲染出来的input标签的 type 属性值,如: widget = widgets.TextInput() 表示渲染出 type="text"的input标签(默认值), widget= widgets.PasswordInput():text="passwrod" 的 input 标签,widget=widgets.EmailInput(): text="email" 的 input 标签 2. widget = widgets.TextInput(attrs={"class":"form-control"}):widget = widgets.TextInput()等参数中添加 attrs={"属性名":"属性值"} 能为渲染出来的input标签 添加特定的属性,如:widget = widgets.TextInput(attrs={"class":"form-control"}) 表示为渲染出来的 input标签添加 class="form-control" 3. error_messages={}:表示控制错误信息,如 error_messages={"required":"该字段不能为空","invalid":"格式错误"},"required"是“非空错误”的key,"invalid"是“格式错误”的key """
reg.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> </head> <body> <div class="container"> <div class="row"> <div class="col-md-6 col-md-offset-3"> <h3>forms组件的参数配置</h3> <form action="" method="post" novalidate> {% csrf_token %} <p> {{ form1.name.label }} {{ form1.name }} <span>{{ form1.name.errors.0 }}</span> </p> <p>{{ form1.psw.label }} {{ form1.psw }}<span>{{ form1.psw.errors.0 }}</span></p> <p>{{ form1.r_psw.label }} {{ form1.r_psw }}<span>{{ form1.r_psw.errors.0 }}</span></p> <p>{{ form1.email.label }} {{ form1.email }}<span>{{ form1.email.errors.0 }}</span></p> <p>{{ form1.tel.label }} {{ form1.tel }}<span>{{ form1.tel.errors.0 }}</span></p> <input type="submit" class="btn btn-default"> </form> </div> </div> </div> </body> </html>
局部钩子和全局钩子:
views.py
from django.shortcuts import render # forms组件的参数配置 from django import forms # 配置参数需要导入 widgets from django.forms import widgets # 钩子需要导入 ValidationError from django.core.exceptions import NON_FIELD_ERRORS,ValidationError from app01.models import UserInfo class UserForm(forms.Form): name = forms.CharField(min_length=4,label="用户名",error_messages={"required":"该字段不能为空"}, widget=widgets.TextInput(attrs={"class":"form-control"})) # name这个字段必须是最少为4位的字符串 # 为每个 字段添加 label属性 psw = forms.CharField(min_length=4,label="密码",error_messages={"required":"该字段不能为空"}, widget=widgets.PasswordInput(attrs={"class":"form-control"})) r_psw = forms.CharField(min_length=4,label="确认密码",error_messages={"required":"该字段不能为空"}, widget=widgets.PasswordInput(attrs={"class":"form-control"})) email = forms.EmailField(label="邮箱",widget=widgets.EmailInput(attrs={"class":"form-control"}), error_messages={"required": "该字段不能为空", "invalid": "邮箱格式错误"}) # forms.EmailField():邮箱校验规则 tel = forms.CharField(label="电话",widget=widgets.TextInput(attrs={"class":"form-control"}),error_messages={"required":"该字段不能为空"}) # 按照局部钩子校验字段 def clean_name(self): # 只能叫 clean_字段名 # 根据源码可知, 能执行 clean_字段 方法,说明已经通过了上面的 字段=校验规则 的校验 # 校验用户名是否重名 val = self.cleaned_data.get("name") # 从数据库中读取数据 ret = UserInfo.objects.filter(name=val) if not ret: return val # 根据源码可知, return的 val 依然是 name 字段对应的值 else: raise ValidationError("用户名已注册") # 抛出的异常名必须是 ValidationError;抛出的错误会放到 错误字典中 def clean_tel(self): # 校验手机号是否为11位 val = self.cleaned_data.get("tel") print(val) if len(val) == 11: return val # 如果手机号为11位,通过校验,则把手机号原封不动返回 else: raise ValidationError("手机号必须为11位") # 一次校验里面用到多个校验的字段,就不能再用 上面的局部钩子方法,因为局部钩子方法一次只能校验一个字段;此时应该用全局钩子 # clean():全局钩子;其它所有的校验规则校验完之后,才会走 clean() def clean(self): # 校验 psw 和 r_psw 是否一致 psw = self.cleaned_data.get("psw") r_psw = self.cleaned_data.get("r_psw") # 先判断字段是否通过 字段校验和局部钩子,如果没有,则不进行全局钩子校验 if psw and r_psw: if psw == r_psw: return self.cleaned_data # 通过全局钩子校验,则把 cleaned_data 原封返回 else: raise ValidationError("两次密码不一致!") # 全局钩子的错误字典的形式:{"__all__":[....]},其key是 "__all__";这个异常类型不能通过 字段 获取到 else: # 没通过字段校验和局部钩子,则把 干净的数据 clean_data 原封不动返回 return self.cleaned_data def reg(request): if request.method == "POST": print(request.POST) form1 = UserForm(request.POST) if form1.is_valid(): print(form1.cleaned_data) else: print(form1.cleaned_data) print(form1.errors) print(type(form1.errors)) # 先把全局钩子的异常类型获取到 err = form1.errors.get("__all__") # 获取全局钩子的错误信息 # 同时要在 reg.html 中专门把此错误信息放到 r_psw后面 return render(request,"reg.html",locals()) form1 = UserForm() return render(request,"reg.html",locals())
reg.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> </head> <body> <div class="container"> <div class="row"> <div class="col-md-6 col-md-offset-3"> <h3>forms组件的参数配置</h3> <form action="" method="post" novalidate> {% csrf_token %} <p> {{ form1.name.label }} {{ form1.name }} <span>{{ form1.name.errors.0 }}</span> </p> <p>{{ form1.psw.label }} {{ form1.psw }}<span>{{ form1.psw.errors.0 }}</span></p> <p>{{ form1.r_psw.label }} {{ form1.r_psw }} <span>{{ form1.r_psw.errors.0 }}</span> {# err.0 表示获取第一个错误信息;err:列表的形式;不在 views.py中直接 form1.errors.get("__all__")[0] 是防止报错 #} <span>{{ err.0 }}</span></p> <p>{{ form1.email.label }} {{ form1.email }}<span>{{ form1.email.errors.0 }}</span></p> <p>{{ form1.tel.label }} {{ form1.tel }}<span>{{ form1.tel.errors.0 }}</span></p> <input type="submit" class="btn btn-default"> </form> </div> </div> </div> </body> </html>
来源:https://www.cnblogs.com/neozheng/p/9182457.html