伍拾 --- 自定义分页器form组件

自定义分页器及form组件

一、批量插入数据

​ 插入数据有两种方式，一种方法是直接插入，另一种是批量插入(使用bulk_create)：

def book(request):
# 1.向图书列表插入1000本图书（效率低）
    for i in range(1000):
        models.Book.objects.create(title='第%s本书'%i)
        
# 2.向图书列表插入10000000本图书（速度快于第一种的1000本）
    book_lsit = []
    for i in range(10000000)
        book_list.append(models.Book(title='第%s本书'%i)
    models.Book.objects.bulk_create(book_list)
    # 展示到前端
    book_queryset = models.Book.objects.all()
    return render(request,'book.html',locals())

二、自定义分页器

2.1 自定义分页器逻辑

def index(request):
    # 1.获取用户想要访问的页码数
    current_page = request.GET.get('page', 1) #没参数默认第一页
    # 转为整形
    current_page = int(current_page)
    # 2.每页展示十条数据
    per_page = 10
    # 3.定义起始位置与终止位置
    star_page = (current_page -1) * per_page_num
    end_page = current_page * per_page_num
    # 4.统计数据的总条数
    book_queryset = models.Book.objects.all()
    all_count = book_queryset.count()
    # 5.求总页数
    page_num,more = duvmod(all_count, perpage_num)
    # divmod(被除数，除数) --->(商，余数)
    if more:
        page_num += 1
    page_hyml = ''
    cli = current_page  # cli为点击的数字
    if current_page < 6:
        current_page = 6
    for i in range(current_page - 5, current_page + 6):
        if cli == 1:
            page_html +='<li class="active"><a href="?page=%s">%s</a></i>'%(i, i)
        else:
            page_html +='<li><a href="?page=%s">%s</a></li>' %(i, i)
    book_queryset = book_queryset[start_page:end_page]
    return render(request, 'index.html', locals())
        

2.2 自定义分页器模板

​ 模板：

class Pagination(object):
    def __init__(self, current_page, all_count, per_page_num=10, pager_count=11):
        """
        封装分页相关数据
        :param current_page: 当前页
        :param all_count:    数据库中的数据总条数
        :param per_page_num: 每页显示的数据条数
        :param pager_count:  最多显示的页码个数

        用法:
        queryset = model.objects.all()
        page_obj = Pagination(current_page,all_count)
        page_data = queryset[page_obj.start:page_obj.end]
        获取数据用page_data而不再使用原始的queryset
        获取前端分页样式用page_obj.page_html
        """
        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)

​ views：

from app01.utils.mypage import Pagination

def ppage(request):
    book_queryset = models.Book.objects.all()
    current_page = request.GET.get('page', 1)
    all_count = book_query_set.count()
    page_obj = Pagination(current_page=current_page, all_count=all_count)
    page_queryset = book_queryset[page_obj.start:page_obj.end]
    return render(request, 'login.html', locals())

三、创建多对多表关系的三种方式

​ 1.全自动（可以使用）：

​ 优点：django orm会自动创建第三张关系表；

​ 缺点：只会创建两个表的关系字段，不会再额外添加字段。所以第三张表的扩展性较差 ，无法随意的添加额外的字段。

class Book(models.Model):
    ...
    author = models.ManyToManyField(to='Author')

class Author(models.Model):
    ...

​ 2.手动（不推荐使用）：

​ 优点：第三张表可以任意的添加额外的字段；

​ 缺点：orm查询的时候，很多方法都不支持，查询的时候非常麻烦。

class Book(models.Model):
    ...
    
class Book(models.Model):
    ...
    
calss BookAuthor(models.Model):
    book_id = models.ForeignKey(to="Book")
    author_id = models.ForeignKey(to='Author')
    creat_time = models.DateField(auto_now_add=Ture)

​ 半自动（推荐使用）：手动建第三张表，orm只需要给我提供方便的查询方法。第三种虽然可以使用orm查询方法 ，但是不支持使用add()、set()、remove()、clear()。

class Book(models.Model):
    ...
    books = models.ManyTpManyField(to='book', through='BookAuthor', through_fields=('book', 'author'))
    
class Author(models.Model):
    books = models.ManyToManyField(to='Book',through='BookAuthor',through_fields=('author','book'))
    
calss BookAuthor(models.Model):
    book = models.ForeignKey(to='book')
    author = models.ForeignKey(to='author')
    create_time = models.DateField(auto_now_add=True)

​ 注意：半自动 一定要加两个额外的参数through='BookAuthor', through_fields=('book','author')，在那张表添加到，就把那个字段放前面。

四、form组件

4.1 注册功能

​ 注册功能要求：用户名中不能出现啦啦啦，出现了就输入你不能啦啦啦；输入密码不能小于三位，否则提示密码太短了。

​ 注意：form组件是在后端对数据进行校验，通常数据校验都放在都端进行，前端校验安全性太差。

​ 创建一个类：

from django import forms

class MyRegForm(from.From):
    username = froms.CharField(min_length=3,max_length=8)
    password = forms.CharField(min_length=3,max_length=8)
    email = forms.EmailField()

​ 校验数据：

from appo1 import views
obj = views.MyRegForm({'username':'hahaha', 'password':'12', 'email':'123'})
# 判断是否合法，全部符要求返回Ture
obj.is_valid()
False  
# 查看符合校验规则的数据
obj.clenaed_data
{'username': 'hahaha'}
# 查看不符合条件的数据以及不符合的原因是什么
obj.errors
{'password': ['Ensure this value has at least 3 characters (it has 2).'],'email': ['Enter a valid email address.']}
# 校验数据的时候 默认情况下类里面所有的字段都必须传值
obj = views.MyRegForm({'username':'hahaha','password':'123'})
obj.is_valid()
False
obj.errors
{'email': ['This field is required.']}
# 默认情况下可以多传 但是绝对不能少传
obj = views.MyRegForm({'username':'jason','password':'1233','email':'[email protected]','xxx':'ooo'})
obj.is_valid()
True

4.2 渲染页面

​ form组件只能渲染用户输入的标签，提交按钮需要自行添加。

​ 三种渲染前端页面的方式：

​ 第一种：封装成都高，标签样式和参数不方便调整，扩展性差，不推荐使用。

<p>
    {{ form_obj.as_p }}
    {{ form_obj.as_ul }}
</p>

​ 第二种：扩展性强，但是需要添加的东西太多，不推荐使用。

<p>
    {{ form_obj.username.label }}{{ form_obj.username }}
</p>
<p>
    {{ form_obj.pwd.label }}{{ form_obj.pwd }}
</p>
<p>
    {{ form_obj.email.label }}{{ form_obj.enail }}
</p>

​ 第三种：代码量少，扩展性高，推荐使用。

{ % for foo in from_obj % }
<p>
    {{ foo.label }}{{ foo }}
</p>
{ % endfor % }

​ 展示错误信息：取消前端校验：

<form action="" method="post" novalidate>
</form>

​ 展示错误信息：

<form action="" method="post" novalidate>
    {% for foo in from_obj %}
    <p>
        {{ foo.label }}:{{ foo }}
        <span style='color:red'>{{ foo.errors.0 }}</span>
    </p>
    { % endfor % }
    <input type='submit'>
</form>

4.3 修改展示信息

​ 可以将展示信息的英文改成中文，并且修改命令、初始值等属性。

from django import forms

class MyRegForm(form.Form):
    username = forms.CharField(min_length=3, max_length=8, label='用户名', error_messages={
        'min_length':'用户名最短三位', 'max_length':'用户名最长八位', 'require':'用户名不能为空', initial='初始值', required=False
    })
    password = forms.CharField(min_length=3, max_length=8, label='密码', error_messages={
        min_length':'密码最短三位', 'max_length':'密码最长八位', 'required':'密码不能为空'
    })
    email = forms.EmailField(label='邮箱', error_messages={
        'required':'邮箱不能为空',
        'invalid':'邮箱格式不正确'
    }, requirde=False)

4.4 forms组件的钩子函数

​ 针对某些字段需要进行额外的校验，可以使用钩子函数。

​ 1.局部钩子（针对单个字段）：

def username(self):
    username = self.cleaned_data.get('username')
    if 'lalala' in username:
        # 展示错误信息
        self.add_error('username','你不能啦啦啦')
    return username

​ 2.全局钩子（针对多个字段）：

# 校验两次密码是否一致
def clean(self):
    pwd = self.cleaned_data.get('pwd')
    confirm_pwd = self.cleaned_data.get('confirm_password')
    if not pwd == confirm_pwd:
        self.add_error('confirm_pwd','两次密码不一致')
    return self.cleaned_data

4.5 其他属性的更改

​ 改变input框type属性值：

widget = widgets.TextInput()
wideget = widgets.PassWordInput()

​ forms组件渲染出来的input框有form-control类属性：

widget = widgets.PasswordInput(attrs={'class':'form-control'})  # 如果多个类属性，使用空格隔开
widget = widgets.PasswordInput(attrs={'class':'form-control others'})

​ 正则校验字段：

from django import forms
from django.forms import Form
from djangp.core.validators import RegexValidator

class MyForm(Form):
    user = forms.CharField(
        validators=[
            RegexValidator(r'^[0-9]+$', '输入数字'),
            RegexValidator(r'^159[0-9]+$, '必须以159开头')
                   ]
    )

4.6 其他常用字段与插件

​ 单选·：

ender = forms.ChoiceField(
        choices=((1, "男"), (2, "女"), (3, "保密")),
        label="性别",
        initial=3,
        widget=widgets.RadioSelect()
    )

​ 选择：

hobby = forms.ChoiceField(
        choices=((1, "篮球"), (2, "足球"), (3, "双色球"),),
        label="爱好",
        initial=3,
        widget=widgets.Select()

​ 多选：

hobby1 = forms.MultipleChoiceField(
        choices=((1, "篮球"), (2, "足球"), (3, "双色球"),),
        label="爱好",
        initial=[1, 3],
        widget=widgets.SelectMultiple()

​ Checkbox单选：

keep = forms.ChoiceField(
        label="是否记住密码",
        initial="checked",
        widget=forms.widgets.CheckboxInput()

​ Checkbox多选：

hobby2 = forms.MultipleChoiceField(
        choices=((1, "篮球"), (2, "足球"), (3, "双色球"),),
        label="爱好",
        initial=[1, 3],
        widget=forms.widgets.CheckboxSelectMultiple()