ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

自定义分页器和form组件

2022-09-08 23:34:52  阅读:216  来源: 互联网

标签:obj 自定义 form self current 组件 pager page


批量操作数据

浏览器访问一个django路由 立刻创建10万条数据并展示到前端页面
	create()、all()
涉及到大批量数据的创建 直接使用create可能会造成数据库崩溃
	批量数据创建>>>:bulk_create() 
	批量数据修改>>>:bulk_update()
def index(request):
    # for i in range(100000):
    #     models.Book.objects.create(title=f'第{i}本书')
    # book_query = models.Book.objects.all()
    book_list = []
    for i in range(100000):
        book_obj = models.Book(title=f'第{i}本书')
        book_list.append(book_obj)
    models.Book.objects.bulk_create(book_list)  # 批量创建
    models.Book.objects.bulk_update()     # 批量删除
    book_query = models.Book.objects.all()
    return render(request,'booList.html',locals())
	
'''上面的for循环可以用列表生成式写成一行'''
 [models.Book(title=f'第{i}本书')for i in range(100000)]

批量数据展示

'''分页器推导流程'''
当数据量比较大的时候 页面展示应该考虑分页
1.QuerySet切片操作 
book_query = models.Book.objects.all()[0:10] 切片操作顾头不顾尾
2.分页样式添加
3.页码展示
如何根据总数据和每页展示的数据得出总页码 divmod()
判断divmod的第二个参数是否有值
4.如何渲染出所有的页码标签
	前端模板语法不支持range 但是后端支持 我们可以在后端创建好html标签然后传递给html页面使用 |safe
5.如何限制住展示的页面标签个数
	页码推荐使用奇数位(对称美)  利用当前页前后固定位数来限制
6.首尾页码展示范围问题

image

# 代码展示
 # 计算总共的数据条数
    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)  # 获取用户指定的page 如果没有则默认展示第一页
    try:
        current_page = int(current_page)
    except ValueError:
        current_page = 1
    # 后端提前生成页码标签
    html_page = ''
    xxx = current_page
    if current_page < 6:
        xxx = 6
    for i in range(xxx - 5, xxx + 6):
        if current_page == i:
            html_page += '<li class="active"><a href="?page=%s">%s</a></li>' % (i, i)
        else:
            html_page += '<li><a href="?page=%s">%s</a></li>' % (i, i)
    # 3.定义出切片起始位置
    start_num = (current_page - 1) * per_page_num
    # 4.定义出切片终止位置
    end_num = current_page * per_page_num
    book_query = book_data[start_num:end_num]  # QuerySet [数据对象 数据对象]

自定义分页器

自定义分页器封装代码
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)
自定义分页器使用

后端:

def get_book(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组件

# 编写用户登录功能并且校验用户信息
def ab_form(request):
    datadict = {'username':'','password':''}
    if request.method == 'POST':
        username = request.POST.get('username')
        password = request.POST.get('password')
        if username == 'summer':
            datadict['username'] = '笨蛋!又记错名字啦!!'
        if password == '123':
            datadict['password'] = '密码不可以是123啦!'
    return render(request,'ab_form.html',locals())

前端代码:

  <form action="" method="post">
        <p>
            username: <input type="text" name="username">
            <span style="color: blueviolet">{{ datadict.username }}</span>
        </p>
        <p>
            password: <input type="password" name="password">
            <span style="color: brown">{{ datadict.password }}</span>
        </p>
        <input type="submit" value="提交">
    </form>
form组件主要功能
1.数据校验
  支持提前设置校验规则 之后自动校验
2.渲染页面
  支持直接渲染获取用户数据的各种标签  
3.展示信息
  针对不同的校验失败展示不同的提示信息
用form组件校验用户信息
1.form类的创建
from django import forms

class MyForm(forms.Form):
    name = forms.CharField(max_length=32, min_length=3)  # 最长32位 最短3位
    age = forms.IntegerField(max_value=150, min_value=0)  # 最大年龄150 最小年龄0
    email = forms.EmailField()  # 邮箱格式必须有@符

image

# form组件校验方法:
is_valid() 用于判断用户输入的值是否全部符合!如果是TURE 不是FALSE

cleaned_data 用于校验用户的输入的数据哪些是符合的

errors 用于校验用户输入的数据哪些是不符合条件的 还会返回不符合的原因

1.form类中的字段默认都是必须填的,少传的话is_valid()肯定会报错
2.如果多传了一些字段的数据的话不参与校验
渲染标签
# 渲染标签的三种方式
1.第一种方式  封装程度高 扩展性差
 {{ form_obj.as_p }} 
 {{ form_obj.as_table }}  
 {{ form_obj.as_ul }}  无序列表形式
    
2.第二种方式  
  可自定义lable参数 扩展性强 但是获取的字段多的时候不好用
    {{ form_obj.name.label }}
    {{ form_obj.name }}
    {{ form_obj.age.label }}
    {{ form_obj.age }}
    {{ form_obj.email.label }}
    {{ form_obj.email }}
	
3.第三种方式 兼容性最好 
   {% for form in form_obj %}
       {{ form.label }} {{ form }}
    {% endfor %}
    
'''form渲染只渲染获取用户输入的标签 提交按钮需要自己写'''
展示提示信息
# novalidate 取消前端自动校验
前端代码:
<form action="" method="post" novalidate>
   {% for form in form_obj %}
       <p>{{ form.label }} {{ form }}</p>
        <span style="color: blue"> {{ form.errors }}</span>
    {% endfor %}
    <input type="submit" value="提交">

</form>
后端代码:
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)
        else:
            print(form_obj.errors)
        return render(request,'func.html',locals())

modelform组件

image

标签:obj,自定义,form,self,current,组件,pager,page
来源: https://www.cnblogs.com/Hsummer/p/16671179.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有