day58(* 校验性组件之forms组件 # 分页器推导流程)

今日内容详细

昨日内容回顾

昨日内容回顾：
Ajax的简介
核心关键字：异步提交 局部刷新
我们学习的是jQuery封装之后的版本 以后还会遇到其他类库封装的版本
但是无论怎么封装 整体结构是一样的

ajax发送普通键值对，，ajax携带文件数据，，ajax发送json格式数据

#普通数据：
$.ajax({
    url:'',
    type:'',
    data:{'name':'zqh','pwd':666},
    success:function(args){
        
    }
})
#文件数据：
文件数据要有两个固定参数
"""contentType:false,
   processData:false,"""
let myFormData = new FormData;
myFormDate.append('name','jason')
myFormData.append('file','文件对象')
$.ajax({
    url:'',
    type:'post'
    data:myFormData,
    contentType:fale,
    processData:fale,
    success:function(args){
        
    }
})
#json数据
$.ajax({
    url:'',
    data:JSON.stringify({'name':'zqh','pwd':666})
    contentType:'applichtion/json',
    success:function(args){
        
    }
})
# django针对json格式的数据不会处理 直接在request.body就是可以body里面查看数据

今日内容概要

  • django自带的序列化组件
  • 批量数据操作
  • 分页器推导流程
  • 自定义分页器使用方法
  • 校验性组件之forms组件

今日内容详细

sweetalert是一款前端提示框插件，使用也非常简单，而且还内置了许多参数，他可以替代alert()

sweetalert前端插件

https://github.com/lipis/bootstrap-sweetalert  下载地址

django自带的序列化组件

"""
以后我们用的序列化组件是DRF 这里学自带的是提前瞜一眼效果
"""    # 前后端分离之后 django orm产生的queryset无法直接被前端识别 还是需要json格式数据(硬通货)
from app01 import models
from django.http import JsonResponse
from django.core import serializers

def d_data(request):
    data_list = []
    user_queryset = models.User.objects.all()

    for user_obj in user_queryset:
        data_list.append({
            'pk': user_obj.pk,
            'name': user_obj.name,
            'age': user_obj.age,
            'gender': user_obj.gender,
            'gender_ral': user_obj.get_gender_display(),
            'addr': user_obj.addr
        })
    return JsonResponse(data_list, safe=False)
    user_queryset = models.User.objects.all()
    
    第二种方法：效率较高   对上边的序列化操作 django专门封装了序列化操作的方法（serializers） 直接返回HttpResponse
    ret = serializers.serialize('json', user_queryset)
    return HttpResponse(ret)

批量数据操作

每创建一个对象都保存一次数据，会增加开销，如果先批量创建对象，最后保存一次到数据库，就使用bulk_create方法
def many_data(request):
    # 循环插入10万条数据(频繁走数据库操作 效率极低 不推荐!!!)
    # for i in range(100000):
    #     models.Book.objects.create(title=f'第{i}本书')# 每次create()的时候都会访问一次数据库。导致性能问题较慢这时候我们就应该想到批量插入数据数据
    '''批量插入'''
    book_list = []
    for i in range(100000):
        # 先用类产生一个对象
        source_book_obj = models.Books(title=f'第{i}本书')
        # 将对象追加到列表中
        book_list.append(source_book_obj)
    models.Books.objects.bulk_create(book_list)  # 批量插入
    book_queryset = models.Books.objects.all()
    return render(request,'many_data.html',locals())

分页器推导流程

首先我们来考虑分页器的一个应用，看浏览器网站什么的他不会一次不数据显示而是固定显示某个页数或者说是固定的展示数据
这基本就是分特器的功能及应用、
、网站不可能将所有的数据全部展示到一页，应该考虑使用分页 每页展示一些
  1.all()结果集支持正数的索引切片
  """
django本身也自带了一个分页器 只是不好用 所以我们自己写!!!
"""
2.分页相关参数数学关系
  3.后端渲染前端分页代码
  4.后端限制分页展示数量
  5.当页面小于6或者大于N都需要额外限制
  ...
以后可能很多地方都需要使用分页 不可能重复编写 所以封装成了模块

from utils import mypage
book_queryset = models.Books.objects.all()
# 产生分页器对象
page_obj = mypage.Pagination(current_page=request.GET.get('page'),all_count=book_queryset.count())
# 产生分页数据对象
page_queryset = book_queryset[page_obj.start:page_obj.end]
return render(request,'many_data.html',locals())

{% for book_obj in page_queryset %}
 	<p>{{ book_obj.title }}</p>
{% endfor %}
{{ page_obj.page_html|safe }}

参考博客:https://www.cnblogs.com/Dominic-Ji/articles/12035722.html

Forms组件

# 前戏
编写一个校验用户名和密码是否合法的功能
	前端需要自己编写获取用户数据的各种标签
  前端需要自己想方设法的展示错误的提示信息
  后端需要自己想方设法的编写校验代码(很多if判断)
  
# form组件
上面的三件事有一个人可以一次性帮你搞定>>>:form组件
  1.数据校验
  2.标签渲染
  3.展示信息
# 前戏
编写一个校验用户名和密码是否合法的功能
	前端需要自己编写获取用户数据的各种标签
  前端需要自己想方设法的展示错误的提示信息
  后端需要自己想方设法的编写校验代码(很多if判断)
  
# form组件
上面的三件事有一个人可以一次性帮你搞定>>>:form组件
  1.数据校验
  2.标签渲染
  3.展示信息

校验数据


"""form_obj.is_valid()
判断结果是否全部正确，如果有一个不正确返回False
foem_obj.error
自动判断错误结果数据并显示出来
from_obj.cleaned_data
展示正确符合条件数据"""
# 编写之前校验之前先写form类

class MyForm(forms.Form):
    """ username字段最短三位最长八位"""
    username = forms.CharField(max_length=3, min_length=8)
    """password  字符最短3位 字符最长为8位 max_value=666=最大不能超过666 """
    age = forms.IntegerField(min_value=0, max_value=666)
    # password = forms.CharField(max_length=3, min_length=8, )
    """必须有关键符号@"""
    email = forms.EmailField()
    
  pythonConsole
# 1.将数据传入实例化对象
from app01 import views
form_obj = views.MyForm({'username': 'zqh', 'age': 18, 'email': '123qq'})
form_obj.is_valid()
# 2.查看数据是否合法(全部合法结果才是True)
False
# 3.查看不符合条件的数据及原因
form_obj.errors
	{'email': ['Enter a valid email address.']}
# 4.查看符合条件的数据
form_obj.cleaned_data
	{'username': 'jason', 'age': 18}

form_obj=views.MyForm({'username':'zqhzqh'})
form_obj.is_valid()
False
forms类中所有的字段数据默认都是必填的 不能少

form_obj = views.MyForm({'username': 'zqh', 'age': 18, 'email': '123qq'，'info':'牛马牛马'})
form_obj.is_valid()
True
forms类中所有的字段数据默认都是必填的 可以多
如果在某个字段中加入required=False可以不写这个字段
"""
1.forms类中所有的字段数据默认都是必填的 不能少
	如果想忽略某些字段 可以添加	required=False
2.forms类中额外传入的字段数据不会做任何的校验 直接忽略
"""
# 1.传入待校验的数据
obj = views.MyForm({'username':'jason',
                    'password':'123',
                    'email':'123@qq.com'
                   })
# 2.判断所有的数据是否合规
obj.is_valid()  # 结果是布尔值(只有所有的数据都合规才返回True)
# 3.如何查看符合条件校验的数据
obj.cleaned_data  # 字典(所有通过校验的数据)
# 4.如何查看不符合条件检验的数据和错误的原因
obj.errors
"""
1.在传递数据的时候 如果多传了额外字段 没有关系   form不校验
2.form组件内部定义的字段数据 默认都是必填的
	可以通过修改参数required=False来控制是否必填
"""

渲染标签

class MyForm(forms.Form):
    """ username字段最短三位最长八位  参数；label可以重新命名"""
    username = forms.CharField(max_length=3, min_length=8,label='用户名')
渲染方式1:封装程度高 扩展性较差 主要用于快速生成页面测试功能
	{{ form_obj.as_p }}
  {{ form_obj.as_table }}
  {{ form_obj.as_ul }}
渲染方式2:封装程度低 扩展性较好 但是字段比较多的情况下不方便
  {{ form_obj.username.label }}  # 文本提示
  {{ form_obj.username }}				 # 获取用户数据的标签
渲染方式3:推荐使用!!!
  {% for form in form_obj %}
      <p>
        {{ form.label }}
        {{ form }}
      </p>
  {% endfor %}
"""
forms组件只负责渲染获取用户数据的标签
	form表单标签和提交按钮需要自己写

渲染标签中文提示 可以使用参数 label指定 不指定默认使用字段名首字母大写
"""
def my_form(request):
    # 1.直接生成一个不传参数的form对象
    obj = MyForm()
    return render(request,'my_form.html',locals())
"""
自动渲染的标签文本名称默认采用字段名首字母大写的形式
	可以通过label参数自定义名称
form只渲染获取用户数据的标签 不渲染提交按钮 需要我们自己编写
"""

# 渲染标签的方式1
	{{ obj.as_p }}  # 封装程度太高 扩展不易 通常用于本地测试
    {{ obj.as_ul }}
    {{ obj.as_table }}
# 渲染标签的方式2
    <label for="{{ obj.username.id_for_label }}">{{ obj.username.label }}</label>
    {{ obj.username }}  # 扩展性高 但是书写麻烦
# 渲染标签的方式3
	{% for foo in obj %}
        <p>
            <label for="{{ foo.id_for_label }}">{{ foo.label }}</label>
            {{ foo }}  # 融合了方式1和方式2的优势(推荐使用)
        </p>
    {% endfor %}

展示信息

"""
forms类中填写的校验性参数前端浏览器会识别并添加校验操作
但是前端的校验是可有可无的 不能指望它!!!   后端必须要有

form表单可以取消浏览器自动添加校验功能的操作
	<form action="" method="post" novalidate></form>
"""
{{ form.errors.0 }}

提示信息可以自定义
	username = forms.CharField(min_length=3,max_length=8,label='用户名',
               error_messages={
                         'min_length':'用户名最短3位',
                          'max_length':'用户名最长8位',
                          'required':'用户名必填'
                               })

form组件补充
# 参数部分
	label			字段名称
    required		是否必填
    initial			默认值
    error_messages  自定义错误信息
    widget=forms.widgets.PasswordInput()
    	既可以修改input框的type类型
        还可以操作标签的属性
posted @   文质彬彬赵其辉  阅读(23)  评论(0)  编辑  收藏  举报
相关博文：
· day59(局部钩子 全局钩子 cookie与session简介 )
· day57(Ajax)
· django自带的序列化组件 批量数据操作 分页器 校验性组件之from组件
· sweetalert前端插件、序列化组件、分页器、forms组件、渲染标签
· django之AJAX组件、数据序列化组件drf、分页器LIMIT、form组件、sweetalert插件
阅读排行：
· 无需6万激活码！GitHub神秘组织3小时极速复刻Manus，手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· Manus爆火，是硬核还是营销？
· 一文读懂知识蒸馏
· 终于写完轮子一部分：tcp代理 了，记录一下
点击右上角即可分享
微信分享提示