Django08 分页器与form组件

126 阅读4分钟

批量操作数据

  • 批量添加数据
    • 1.使用create
      models.Book.objects.create(title=f'第{i}本书')
      
    • 2.使用bulk_create()
      models.Book.objects.bulk_create(book_list)
      bulk_update() # 批量修改数据
      
    • 3.all()
      展示所有数据
      
  • 视图层代码
    def index(request):
        book_list = []
        for i in range(10000):
          
            book_obj = models.Book(title=f'第{i}本书')
            book_list.append(book_obj)
    
        models.Book.objects.bulk_create(book_list) # 批量创建
        book_query = models.Book.objects.all()
        return render(request,'book_list.html', locals())
    
  • 批量数据展示
    • 对于数据量比较大的时候,页面的展示需要考虑分页

对于分页展示的下方页码条应当考虑一些问题

  • 推导流程
    def index(request):
    book_data = models.Book.objects.all()
    # 计算一共的数据条数
    all_count = book_data.count()
    # 2.自定义每一页展示的数据条数
    per_page_num = 10
    # 获取总页数
    all_page_num,more =divmod(all_count,per_page_num)
    if more:
        all_page_num += 1
    # 1.获取前端想要展示的页码,获取用户指定的配置,如果没有配置就默认展示第一页
    current_page = request.GET.get('page', 1)
    try:  # 由于后端接受到的前端数据是字符串类型所以我们这里做类型转换处理加异常捕获
        current_page = int(current_page)
    except Exception as e:
        current_page = 1
    html_page =''
    for i in range(current_page - 5, current_page + 6):
        html_page += '<li><a href="?page=%s">%s</a></li>' % (i, i)
    # # 3.定义切片的起始位置
    # start_num = 0
    # # 4.定义切片的中止位置
    # end_num = 10
    start_num = (current_page - 1) * per_page_num
    end_num = current_page * per_page_num
    book_query = models.Book.objects.all()
    return render(request,'book_list.html', locals())
    """
    current_page、per_page_num、start_page、end_page四个参数之间的数据关系。
    
    当per_page_num = 10
    current_page                start_page                  end_page
        1                           0                           10
        2                           10                          20
        3                           20                          30  
        4                           30                          40
    
    per_page_num = 5
    current_page                start_page                  end_page
        1                           0                           5
        2                           5                           10
        3                           10                          15  
        4                           15                          20
    可以很明显的看出规律
    start_page = (current_page - 1) * per_page_num
    end_page =  current_page* per_page_num
    """
    
  • 1.QuerySet切片操作
  • 2.分页样式添加
  • 3.页码展示(divmod)
  • 4.渲染所有的页码标签
    前端模板语法虽然不支持range,但是我们可以通过后端创建好html标签传递给html页面使用
    
  • 5.如何限制住展示的页面标签个数
    页码尽可能使用奇数位,利用当前页前后固定位数来限制
    
  • 6.首页尾页页码展示问题

自定义分页器

  • 将代码单独放入一个文件夹,当作一个模块导入使用
    class Pagination(object):
        def __init__(self, current_page, all_count, per_page_num=2, pager_count=11):
            """
            封装分页相关数据
            :param current_page: 当前页
            :param all_count:    数据库中的数据总条数
            :param per_page_num: 每页显示的数据条数
            :param pager_count:  最多显示的页码个数
            """
            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.all_count = all_count
            self.per_page_num = per_page_num
    
            # 总页码
            all_pager, tmp = divmod(all_count, per_page_num)
            if tmp:
                all_pager += 1
            self.all_pager = all_pager
    
            self.pager_count = pager_count
            self.pager_count_half = int((pager_count - 1) / 2)
    
        @property
        def start(self):
            return (self.current_page - 1) * self.per_page_num
    
        @property
        def end(self):
            return self.current_page * self.per_page_num
    
        def page_html(self):
            # 如果总页码 < 11个:
            if self.all_pager <= self.pager_count:
                pager_start = 1
                pager_end = self.all_pager + 1
            # 总页码  > 11
            else:
                # 当前页如果<=页面上最多显示11/2个页码
                if self.current_page <= self.pager_count_half:
                    pager_start = 1
                    pager_end = self.pager_count + 1
    
                # 当前页大于5
                else:
                    # 页码翻到最后
                    if (self.current_page + self.pager_count_half) > self.all_pager:
                        pager_end = self.all_pager + 1
                        pager_start = self.all_pager - self.pager_count + 1
                    else:
                        pager_start = self.current_page - self.pager_count_half
                        pager_end = self.current_page + self.pager_count_half + 1
    
            page_html_list = []
            # 添加前面的nav和ul标签
            page_html_list.append('''
                        <nav aria-label='Page navigation>'
                        <ul class='pagination'>
                    ''')
            first_page = '<li><a href="?page=%s">首页</a></li>' % (1)
            page_html_list.append(first_page)
    
            if self.current_page <= 1:
                prev_page = '<li class="disabled"><a href="#">上一页</a></li>'
            else:
                prev_page = '<li><a href="?page=%s">上一页</a></li>' % (self.current_page - 1,)
    
            page_html_list.append(prev_page)
    
            for i in range(pager_start, pager_end):
                if i == self.current_page:
                    temp = '<li class="active"><a href="?page=%s">%s</a></li>' % (i, i,)
                else:
                    temp = '<li><a href="?page=%s">%s</a></li>' % (i, i,)
                page_html_list.append(temp)
    
            if self.current_page >= self.all_pager:
                next_page = '<li class="disabled"><a href="#">下一页</a></li>'
            else:
                next_page = '<li><a href="?page=%s">下一页</a></li>' % (self.current_page + 1,)
            page_html_list.append(next_page)
    
            last_page = '<li><a href="?page=%s">尾页</a></li>' % (self.all_pager,)
            page_html_list.append(last_page)
            # 尾部添加标签
            page_html_list.append('''
                                               </nav>
                                               </ul>
                                           ''')
            return ''.join(page_html_list)
    
  • 后端代码
     # 导入自定义模块
     from app01.plugins import mypage
     def index(request):
     
     book_list = models.Book.objects.all()
     current_page = request.GET.get("page",1)
     all_count = book_list.count()
     page_obj = Pagination(current_page=current_page,all_count=all_count,per_page_num=10)
     page_queryset = book_list[page_obj.start:page_obj.end]
     
     return render(request,'booklist.html',locals())
    
  • 前端代码
    <div class="container">
      <div class="row">
          <div class="col-md-8 col-md-offset-2">
              {% for book in page_queryset %}
              <p>{{ book.title }}</p>
              {% endfor %}
              {{ page_obj.page_html|safe }}
          </div>
      </div>
    </div>
    

form组件

  • 1.form组件支持提前设置各种检验规则,之后自动校验
  • 2.form组件可以支持直接渲染用户数据的各种标签
  • 3.form组件支持针对不同的校验失败展示不同的提示
  • 4.form组件的使用
    创建form类型
      from django import forms
    
      class MyForm(forms.Form):
          name = forms.CharField(max_length=8, min_length=3)  # 用户名最长八个字符 最短三个字符
          age = forms.IntegerField(max_value=150, min_value=0)  # 年龄最小0岁 最大150岁
          email = forms.EmailField()  # 邮箱必须符合邮箱格式(至少有个@符号)
    
  • 数据校验功能
    • 1.传递待校验的数据
      form_obj = views.MyForm({'name':'jason','age':18,'email':123})
      
    • 2.判断所有的数据是否符合校验
      form_obj.is_valid()
      
    • 3.获取符合校验规则的数据
      form_obj.cleaned_data
      {'name': 'jason', 'age': 18}
      
    • 4.查阅不符合校验规则的数据及错误原因
      form_obj.errors
      {'email': ['Enter a valid email address.']}
      
1.form类中编写的字段默认都是必填的,少传则肯定通不过校验 is_valid
2.校验如果多传了一些字段 则不参与校验 全程忽略
  • 渲染标签功能
    • 1.方式1(封装程度高 扩展性差)
      {{ form_obj.as_p }}
      {{ form_obj.as_table }}
      {{ form_obj.as_ul }}
      
    • 2.方式2(封装程度低 扩展性好 编写困难)
      {{ form_obj.name.lable }}
      {{ form_obj.name }}
      
    • 3.方式3(推荐使用)
      {% for form in form_obj %}
      <p>{{ form.label }}{{ form }}</p>
      {% endfor %}
      
      类中以外的所有标签都不会自动渲染 需要自己编写
      
  • 展示提示信息
    • form表单如何取消浏览器自动添加的数据校验功能
      前端:
      <form action="" method="post" novalidate>
      {% for form in form_obj %}
          <p>
              {{ form.label }}{{ form }}
              <span style="color: red;">
                  {{ form.errors.0 }}
              </span>
          </p>
      {% endfor %}
      <input type="submit" value="提交">
      
      后端:
      def func(request):
          form_obj = MyForm()
          if request.method == 'POST':
              form_obj = MyForm(request.POST)
              if form_obj.is_valid():
                  print(form_obj.cleaned_data)
          return render(request,'func.html',locals())
      
  • 一些重要的字段参数
    max_length、min_length
    max_value、min_value
    label                                 字段注释
    error_messages                        错误提示
    required                              是否为空
    widget                                标签类型、标签属性
    initial                               默认值
    validators                            正则校验
    

钩子函数

  • 钩子函数提供了自定义的校验方式
    • 局部钩子:检验单个字段
      代码分析:
          def clean_name(self):
              name = self.cleaned_data.get('name')
              res = models.User.objects.filter(name=name).first()
              if res:
                  return self.add_error('name','用户名已存在')
              return name
      
    • 全局钩子:检验多个字段
      代码分析:
          def clean(self):
              pwd = self.cleaned_data.get('pwd')
              confirm_pwd = self.cleaned_data.get('confirm_pwd')
              if not pwd == confirm_pwd:
                  return self.add_error('confirm_pwd','两次密码不一致')
              return self.cleaned_data
      

modelform组件

  • 关于modelform组件
    • modelform是form的优化版本,使用更简单,但是功能更强。
      class MyModelForm(forms.ModelForm):
      class Meta:
          model = models.User
          fields = '__all__'
      def clean_name(self):
          name = self.cleaned_data.get('name')
          res = models.User.objects.filter(name=name).first()
          if res:
              self.add_error('name','用户名已存在')
          return name