14. django的分页器和form组件

最新推荐文章于 2020-11-19 19:47:27 发布
最新推荐文章于 2020-11-19 19:47:27 发布
阅读量252 收藏 2
点赞数
分类专栏： django、drf 文章标签： python django
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_49111957/article/details/109754641
版权

django分页器、form组件

一、django的分页器

1、django的分页器简介

在页面显示分页的数据时，需要用到django的分页器组件

# django中的分页器组件，把分页常用的东西，封装到一个类中、
# 实例化得到一个对象，对象里有属性和方法
  • Paginator对象：
from django.core.paginator import Paginator
user_list = models.User.objects.all()

# 实例化得到对象：
# 第一个参数：要分页的数据——user_list
# 第二个数据：每页条数
paginator = Paginator(user_list, 10)
# paginator对象的属性和方法：
    - paginator.per_page ：每页显示的条目数量
    - paginator.count：	数据总数量
    - paginator.num_pages：总页数
    - paginator.page_range：总页数的索引范围，如：(1,11)  是一个生成器

page对象：page= paginator.page(2)
# page对象的属性和方法：
    - page.has_next()：	是否有下一页
    - page.next_page_number()：下一页的页码
    - page.has_previous()：是否哟上一页
    - page.previous_page_number()：上一页的页码
    - page.object_list： 当前页面的数据列表
    - page.number： 当前页码

# 表模型中默认以id排序
class Mata:
    ordering = ('id',)  # 值必须是一个元组或者列表

2、模板示例：

  • 视图层函数 ：
from django.core.paginator import Paginator


def index(request):
    page_num_int = int(request.GET.get('page', 1))
    per_page_int = int(request.GET.get('size', 10))  # 从post请求中获取每页的数据条数，默认是10 

    book_list = models.Book.objects.all()
    paginator = Paginator(book_list, per_page_int)
    # page_range = paginator.page_range

    # 解决页码过多的问题（最多只显示10页）
    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 - 9, paginator.num_pages + 1)
        else:
            page_range = range(page_num_int - 5, page_num_int + 5)
    else:
        page_range = paginator.page_range
    page = paginator.page(page_num_int)
    # 最好不要写locals(), 会影响效率，需要几个值就传几个值
    return render(request, 'index.html', {'page_range': page_range, 'page': page, 'page_num_int': page_num_int})
  • 模板 index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="/static/bootstrap-3.3.7-dist/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>name</th>
                    <th>price</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">&laquo;</span>
                                </a>
                            </li>
                        {% else %}
                            <li class="disabled">
                                <a href="#" aria-label="Previous">
                                    <span aria-hidden="true">&laquo;</span>
                                </a>
                            </li>
                        {% endif %}

                        {% for page_num in page_range %}
                            {% if page_num_int == page_num %}
                                <li class="active">
                                    <a href="/?page={{ page_num }}" aria-label="Previous">
                                        <span aria-hidden="true">{{ page_num }}</span>
                                    </a>
                                </li>
                            {% else %}
                                <li>
                                    <a href="/?page={{ page_num }}" aria-label="Previous">
                                        <span aria-hidden="true">{{ page_num }}</span>
                                    </a>
                                </li>
                            {% endif %}
                        {% endfor %}


                        {% if page.has_next %}
                            <li>
                                <a href="/?page={{ page.next_page_number }}" aria-label="Next">
                                    <span aria-hidden="true">&raquo;</span>
                                </a>
                            </li>
                        {% else %}
                            <li class="disabled">
                                <a href="#" aria-label="Next">
                                    <span aria-hidden="true">&raquo;</span>
                                </a>
                            </li>
                        {% endif %}

                    </ul>
                </nav>
            </div>
            ----------------------------------------------------------
        
        </div>
    </div>
</div>
</body>
</html>

3、分页器的进阶使用

# 分页器最多显示前5页和后5页，总共11页；如果页数小于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 其它情况（总页码不大于11），生成的列表就是pageinator的page_range
        page_range=paginator.page_range

二、form表单组件介绍

1、form表单组件的介绍

1、很多场景下，前端需要校验用户输入的字段长度、邮箱等是否合法，如：注册功能、登录功能等，如果用户输入的内容有错误就需要在页面上相应的位置显示对应的错误信息.。
2、前端应该有校验但不是必须的，但是后端校验是必须的，（使用传统方式，需要写很多if判断）
3、借助form表单组件，可以简单实现字段的校验
from django.forms import Form

# 总结：form组件的主要功能
	- 生成页面可用的HTML标签
    - 对用户提交的数据进行校验
    - 保留上次输入的内容

2、forms校验字段功能

### 1、新建一个myforms.py文件，写一个类，类里写要校验的字段
from django import forms


class MyForm(forms.Form):
    # 字段的required属性默认是True
    name = forms.CharField(required=True, max_length=32, min_length=2, label='用户名')
    email = forms.EmailField(required=False, label='邮箱')
    age = forms.IntegerField(max_value=200, min_value=0, label='年龄')

views.py 视图函数

def register(request):
    data = {'name': "cc", 'age': 208}
    # 实例化得到form对象，把要校验的数据传入
    form = myforms.MyForm(data)
    if form.is_valid():     # is_valid()返回一个布尔值
        print('校验通过')
        print(form.cleaned_data)  # 不一定是上面传入的数据，(只返回校验过的数据)
    else:
        print(form.cleaned_data)
        print('校验失败')
        print(form.cleaned_data)
        print(form.errors)  # __str__被重写了，返回errors.as_ul()
        # print(form.errors.as_ul())  # 结果与上面的form_errors相同
        print(form.errors.as_data())
        print(form.errors.as_json())
        print(form.errors.as_text())
    return HttpResponse('ok')

输出结果：

image-20201020192142626

  • 注意点：
1、调用is_valid()后，才有form.errors和form.cleaned_data
2、form.cleaned_data不管成功与否，都会有值，（被校验过的值），不一定是传入的值
3、form.errors源码中有as_ul()、as_data()、as_text()、as_json()方法

3、forms渲染模板功能

  • 视图函数：
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('校验失败，返回错误原因')
            print(form.errors.as_data())
        return HttpResponse('ok')
  • 模板：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
<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>

<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="">
    <table>
        {{ form.as_table }}  //{{ form.as_p }}  //{{ form.as_ul }}
    </table>
    <p><input type="submit" value="提交"></p>
</form>
</body>
</html>

三、form组件渲染错误信息

#1、form对象.errors (是个字典)
#2、name对象.errors
  • 视图函数
from django.shortcuts import render,redirect,HttpResponse
from app01 import myforms

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('校验通过')
            return redirect('http://www.baidu.com')
        else:
            print('校验失败')     
            err = form.errors.get('__all__')
            ptint(err)
        	return render(request, 'register.html', {'form': form, 'err': err})
  • 模板register.html
<div class="container-fluid">
    <div class="row">
        <div class="col-md-6 col-md-offset-3">
            <form action="" method="post" novalidate>
                {% for foo in form %}
                    <div class="form-group">
                        <label for="">{{ foo.label }}</label>
                        {{ foo }}
                        <span class="text-danger pull-right">{{ foo.errors }}</span>
                    </div>
                {% endfor %}
                <div class="text-center">
                    <input type="submit" value="提交" class="btn btn-success">
                    <span class="text-warning">{{ err }}</span>
                </div>
            </form>
        </div>
    </div>
</div>

注意：

# 1、novalidate是针对{{ foo }}的，模板会自动提示输入不合法，在form表单上加上novalidate可以关闭此效果
# 2、foo.errors区别于form.errors,form.error是所有的错误信息，foo.errors是某一个字段的错误信息

四、forms组件参数配置

# 定制模板中的显示样式即配置类
	widget = widgets.TextInput(attrs={'class':'form-control'})
# 错误信息中文显示
	error_messages = {'min_length':'密码长度不足', 'required':'必填项'}

1、forms组件参数配置

from django import forms
from django.forms import widgets, ValidationError

class MyForm(forms.Form):
    name = forms.CharField(required=True, max_length=16, min_length=2, label='用户名', widget=widgets.TextInput(attrs={'class': 'form-control'}), error_messages={'min-length': '名字长度不足'})
    password = forms.CharField(required=True, max_length=32, min_length=6, label='密码', widget=widgets.PasswordInput(attrs={'class': 'form-control'}), error_messages={'min_length': '密码长度不足'})
    re_password = forms.CharField(required=True, max_length=32, min_length=6, label='密码', widget=widgets.PasswordInput(attrs={'class': 'form-control'}), error_messages={'min_length': '密码长度不足'})
    email = forms.EmailField(required=True, label='邮箱', widget=widgets.TextInput(attrs={'class': 'form-control'}), error_messages={'required': '必填项'})
    age = forms.IntegerField(required=False, max_value=150, min_value=0, label='年龄', widget=widgets.TextInput(attrs={'class': 'form-control'}))
    birth = forms.CharField(label='出生日期', widget=widgets.TextInput(attrs={'class': 'form-control'}))
    text = forms.CharField(label='个人简介', widget=widgets.TextInput(attrs={'class': 'form-control'}))

2、局部钩子和全局钩子

局部钩子要写在全局钩子之前（依次执行）

# 局部钩子的使用：
	- 1.在自定义的Form类中写 clean_字段名 （如：clean_name）
    - 2.取出字段的真正值，name = self.clean_data.get.get('name')
    - 3.判断自定义的规则，如果判断不符合规则，抛出ValidationError
    - 4.如果通过了，return 字段名 
    
# 局部钩子
def clean_name(self):
	name = self.cleaned_data.get('name')
    if name.startswith('sb'):
        raise ValidationError('名字不能以sb开头')
    else:
        # 校验通过必须返回name，views函数中name就是这里返回的值
		return name

def clean(self):
	password = self.cleaned_data.get('password')
    re_password = self.cleaned_data.get('re_password')
    if password == re_password:
        # 这里返回的非None值也会被传到前面的views函数中，如果返回None，默认会被改成self.cleaned_data
        return self.cleaned_data
    else:
        raise ValidationError('两次密码不一致')

五、form组件校验源码

1 读的入口是:
    form.is_valid()--->self.errors(BaseForm类)---》self.full_clean()(BaseForm类)--》
    -self._clean_fields(局部数据校验)和self._clean_form(全局数据校验)
2 self._clean_fields（BaseForm类）
		for name, field in self.fields.items():
            try:
                # 字段自己的校验（最大值，最小值，是不是邮箱格式）
                value = field.clean(value)
                self.cleaned_data[name] = value
                if hasattr(self, 'clean_%s' % name): # 反射判断有没有clean_字段名
                    value = getattr(self, 'clean_%s' % name)()
                    self.cleaned_data[name] = value
            except ValidationError as e:
                self.add_error(name, e)
                
3 self._clean_form（BaseForm类）  全局钩子
	 try:
           cleaned_data = self.clean()  # self.clean执行的是自己类的clean方法
        except ValidationError as e:
           self.add_error(None, e)

钩子（hook）是面向切面编程的一种思想

知行合一cc
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Ajax、分页器+forms校验学习笔记
01-31
在大数据量的列表展示中，分页器是必不可少的组件，它能帮助用户逐页浏览内容。实现分页器通常涉及以下步骤： 1. 计算总页数：根据数据总数和每页显示的数量计算。 2. 用户操作：响应用户点击“上一页”、“下一页”...
python16_day18【Django_Form表单、分页】
weixin_30273931的博客
05-30 133
一、表单 　 Django的Form主要具有一下几大功能： 生成HTML标签 验证用户数据（显示错误信息） HTML Form提交保留上次提交数据 初始化页面显示内容　　 　　1.Form类 　　创建Form类时，主要涉及到 【字段】 和 【插件】，字段用于对用户请求数据的验证，插件用于自动生成HTML; 　　所有字段类型： 1 Field 2...
django之---使用Requests测试，视图函数中request.META.get()取不到key值的问题
Lydia1203Cai的博客
09-27 2019
今天在做元元布置的小任务的时候遇到这样一个问题，可以说是非常不爽了。 测试工具：Requests库 看一下Requests的简单使用，详细使用请看文档 # install # pip install requests ''' example: 1) 请求头 headers = { 'key-0':'value-0', ...
django-bootstrap3.pdf
03-20
在Django Bootstrap3中，特定的标签和过滤器被用来生成符合Bootstrap样式的HTML元素，例如bootstrap_form、bootstrap_form_errors、bootstrap_button等。这些工具可以帮助开发者轻松创建表单、按钮和其他界面元素，...
django_v1.8.pdf
11-05
- **Form 类**: Django 提供了 `Form` 和 `ModelForm` 类来处理表单数据。 - **验证机制**: 自动进行数据验证，并提供错误消息。 - **表单渲染**: 可以直接将表单对象传递给模板进行渲染。 **1.7 开发过程** - **...
Python基于Django旅游景点搜索网站设计源码案例设计.zip
最新发布
04-19
Django提供内置的分页器类来帮助我们实现这一点。 - **静态文件和媒体文件**：网站可能包含静态资源，如CSS、JavaScript文件，以及用户上传的图片等媒体文件。Django有专门的机制处理这些文件的存储和访问。 - **...
django：django
02-17
9. **中间件（Middleware）**：中间件是Django的特殊组件，可以全局影响请求和响应的处理流程，常用于日志记录、权限检查等。 10. **认证和授权**：Django内置了用户认证系统，包括注册、登录、权限管理等功能，...
15. cookie、session、token
梅开二度，异常绚烂
11-18 769
cookie、session、token一、cookie1、cookie的由来2、cookie是什么？3、cookie的原理4、Cookie规范4、django中操作cookie（增删改查）5、带签名的cookie（加盐、加密）二、Session1、Session的由来2、django中session的使用3、django中session的配置三、CBV中加装饰器 一、cookie 1、cookie的由来 会话跟踪 大家都知道HTTP协议是无状态的。 无状态的意思是每次请求都是独立的，它的执行情况和结
16. django的中间件
梅开二度，异常绚烂
11-18 569
django中间件一、中间件简介1、什么是中间件？2、作用二、自定义中间件1、process_request和process_response2、自定义中间件步骤三、中间件的几个主要方法1、process_request(request对象)2、process_response(request对象, response对象)3、process_view4、process_exception5、process_template_response（用的比较少）四、CSRF_TOKEN跨站请求伪造1、 CSRF是什
17. auth模块
梅开二度，异常绚烂
11-18 562
django的auth模块一、auth模块是什么？二、auth模块常用方法三、User对象的属性四、扩展默认的auth_user表方式一：通过关联方式二：通过继承五、自定义中间表（中介模型） 一、auth模块是什么？ # auth是django自带的用户认证模块： 开发网站的时候可避免的需要设计实现网站的用户系统。此时我们需要实现包括用户注册、用户登录、用户认证、注销、修改密码等功能。 Django内置了强大的用户认证系统--auth，它默认使用 auth_user 表来存储用户数据。 二、auth模块常
26. 基于jwt的多种方式登录、token签发、群数据操作
梅开二度，异常绚烂
11-19 557
基于jwt的多种方式登录、token签发、群数据操作一、基于jwt的多方式登录路由视图序列化类二、自定义user表，签发token,认证类表模型路由视图三、book，publish，author表关系及抽象表建立四、book表单增群增五、book表单查群查六、book表单改群改七、book表的单删群删八、序列化类九、路由拓展 一、基于jwt的多方式登录 1、登录方式： 手机号+密码、用户名+密码、邮箱+密码 2 流程分析（post请求）： -路由：自动生成 -视图类：ViewSet（ViewS
19. drf相关基础
梅开二度，异常绚烂
11-19 473
django-rest-framework相关基础一、drf 内容概况二、web开发模式三、API接口四、postman的使用五、drf的安装六、cbv源码回顾七、RESTful规范八、APIview源码分析九、Request类分析十、序列化组件介绍十一、序列化组件简单使用1、序列化的使用步骤2、代码实现十二、序列化类字段类型和字段参数十三、序列化器的保存功能十四、序列化器的字段校验功能十五、read_only和write_only属性 一、drf 内容概况 1 django-rest-framework:
12. django多表查询part2
梅开二度，异常绚烂
11-18 448
多表查询part2一、聚合查询与分组查询1、聚合查询2、分组查询二、F和Q查询1、F查询2、Q查询三、原生sql四、defer和only五、事务（请求，装饰器，局部）1、事务的三个粒度：六、锁1、行级锁2、表级锁3、页级锁 一、聚合查询与分组查询 1、聚合查询 聚合函数包括：Avg、Max、Min、Count、Sum aggregate(*args,**kwargs) - aggregate()是QuerySet的一个终止子句，返回一个包含一些键值对的字典，键的名称是聚合值的标识符（按照字段和聚合函数的名
04. django ORM、连接sqlite
梅开二度，异常绚烂
11-17 360
orm连接数据库查询一、登录功能，连接mysql1、路由2、视图函数3、模板文件login.html二、ORM概述三、pycharm连接sqlite/mysql四、django中orm的使用1、创建表、新增删除子段的步骤：2、插入数据(以userInfo表为例)3、orm查询表内所有数据： 一、登录功能，连接mysql 1、路由 url(r'^login', views2.login), url(r'^index', views2.index), url(r'^test', views.test), 2、
07. django转化器
梅开二度，异常绚烂
11-17 301
django之转化器一、django 2.0版本的path二、path转化器三、自定义转换器（了解） 一、django 2.0版本的path 1、从2.x以后，建议使用path——是一个准确路径 2、如果使用正则方式，建议使用re_path，用法与1.x的url完全一致 二、path转化器 #1、五个内置转化器 - str:匹配除了路径分隔符（/）之外的非空字符串，这是默认的形式 - int:匹配正整数，包括0 - slug:匹配字母、数字、下划线以及横杠组成的字符串 - uui
27. RBAC、xadmin、django缓存、django信号
梅开二度，异常绚烂
11-19 273
rbac、xadmin、django缓存、信号一、RBAC-基于角色的访问控制1、概念2、应用3、前后台权限控制4、django内置的RBAC（六表）二、xadmin的使用1、介绍2、使用(django2.x)3、全局配置和界面美化三、django缓存1、缓存介绍2、缓存位置3、缓存粒度3.1 单页面缓存（常用）3.2 局部缓存3.3 整站缓存（两个中间件）4、前后端分离后缓存使用四、django信号1、django信号介绍2、Django内置信号3、内置信号的使用（两种方式）4、信号的应用场景：5、自定义
03. django入门
梅开二度，异常绚烂
11-17 257
@toc 一、django目录介绍 -day60 项目名 -app01 app的名字 -migrations 数据库变更相关记录（你不要删，也不要改） -admin.py 后台管理（创建项目如果没有选，就没有） -apps.py app的相关配置，不用管 -models.py 数据库相关（重点） -tests.py 测试相关（不用管） -views.py 视图函数（
25. jwt认证和基本使用
梅开二度，异常绚烂
11-19 235
jwt认证及基本使用1、JWT的构成2、JWT认证原理：二、base64介绍及使用三、jwt基本使用四、控制登录接口返回的数据格式八、自定义基于jwt的认证类 1、JWT的构成 JWT就是一段字符串，由三段信息构成的，将这三段信息文本用.链接一起就构成了Jwt字符串。示例· eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiYWRtaW4iOnRydWV9.TJVA95Or
django项目中settings中的templates配置'BACKEND': 'django.template.backends.django.DjangoTemplates'含义
06-08
在 Django 项目中，'BACKEND': 'django.template.backends.django.DjangoTemplates' 是 Django 模板引擎的默认后端配置。这个后端主要是使用 Django 自带的模板引擎，DjangoTemplates。 DjangoTemplates 是一个高度可定制的模板引擎，它提供了很多有用的功能，比如模板继承、模板标签、过滤器等等。它是 Django 内置的模板引擎，可以满足大多数 Web 开发的需求。 在 'BACKEND' 中指定 'django.template.backends.django.DjangoTemplates' 后，Django 就会使用 DjangoTemplates 作为模板引擎，来渲染模板文件中的内容。同时，还可以通过在 'OPTIONS' 中配置一些选项来自定义模板引擎的行为。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值