zoukankan      html  css  js  c++  java
  • 分页器组件与form组件

    批量插入数据

    bulk_create  
        # 1.往书籍表中插入数据 1000
        # for i in range(1000):  # 这种插入方式 效率极低
        #     models.Book.objects.create(title='第%s本书'%i)
        book_list = []
        for i in range(100000):  # 时间还是很短  两者差距很大
            book_list.append(models.Book(title='第%s本书'%i))
        models.Book.objects.bulk_create(book_list)  # 批量插入数据
        # 2.将刚刚插入的数据查询出来展示到前端
        book_queryset = models.Book.objects.all()
        return render(request,'index.html',locals())
    

    分页器

    #新建一个py文件将代码直接拷贝过去
    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:  最多显示的页码个数
            
            用法:
            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)
    

    后端

    	from app01.utils.mypage import Pagination
        # 使用封装好的分页器代码
        def login(request):
            book_queryset = models.Book.objects.all()
            current_page = request.GET.get('page',1)
            all_count = book_queryset.count()
            # 1.实例化产生对象
            page_obj = Pagination(current_page=current_page,all_count=all_count)
            # 2.对真实数据进行切片操作
            page_queryset = book_queryset[page_obj.start:page_obj.end]
            return render(request,'login.html',locals())
    

    前端

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

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

    1.全自动(推荐使用**)

    好处在于 django orm会自动帮你创建第三张关系表,
    但是它只会帮你创建两个表的关系字段,不会再额外添加字段,
    虽然方便但是第三张表的扩展性较差,无法随意的添加额外的字段

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

    2.纯手动(不推荐)

    好处在于第三张表可以任意的添加额外的字段
    不足之处在于orm查询的时候很多方法都不支持,查询的时候非常麻烦

    class Book(models.Model):
        ...
        
    class Author(models.Models):
        ...
    
    class Book2Author(models.Model):
        book_id = models.ForeignKey(to='Book')
        author_id = models.ForeignKey(to='Author')
        create_time = models.DateField(auto_now_add=True)
    
    

    3.半自动(推荐使用(* * * * * *)

    手动建表,但是会告诉orm第三章表是你自己建的

    orm只需要给我提供方便的查询方法

    第三种虽然可以使用orm查询方法,但是不支持使用add(),set(),remove(),clear()

    class Book(models.Model):
        ...
        authors = models.ManyToManyField(to='Author', through='Book2Author', through_fields=('book','author'))
    
    
    class Author(models.Model):
        ...
        books = models.ManyToManyField(to='Book', through='Book2Author', through_fields=('author', 'book'))
    
    class Book2Author(models.Model):
        book = models.ForeignKey(to='Book')
        author = models.ForeignKey(to='Author')
        create_time = models.DateField(auto_now_add=True)
        ...
    # 1.半自动 一定要加两个额外的参数
        through='Book2Author', through_fields=('book','author')
    # 2.后面字段的顺序
        由第三张表通过哪个字段查询单表 就把哪个字段放前面
    
    """
    在设计项目的时候 一定要给自己留后路 防止后续的迭代更新 
    
    """
    

    form校验组件

    注册功能:
    用户输入的用户名中 不能包含西游记,如果包含了 就提示用户 输入的内容不符合社会主义核心价值观
    用户输入的密码 不能小于三位,如果密码少于三位 提示用户 密码太短了

    (* * * * * *)
    校验数据通常是前后端都有校验
    但是前端校验可有可无 哪怕再牛逼
    后端也必须要有校验 反正一句话 前端可有不校验 后端必须校验!!!

    1.搭建前端页面 >>> 渲染页面
    2.获取前端用户提交的数据校验 >>> 校验数据
    3.对数据的校验的结果 展示到前端页面给用户查看 >>> 展示错误信息

    form组件能够自动帮你完成上面的三件事

    1. 渲染页面
    2. 校验数据
    3. 展示错误信息

    form组件的使用

    1.自己要先写一个类
    from django import forms
    
    class MyRegForm(forms.Form):
        username=forms.CharField(min_length=3,max_length=8)
        password=forms.CharField(min_length=3,max_length=8)
        email=forms.EmailField()
    

    如何校验数据

    from app01 import views
    #1.给自定义的类传一个字典
    obj=views.MyRegForm({'username':'jason','password':'12','email':'123'})
    # 2.判断数据是否全部合法
    obj.is_valid()  #只有数据全部符合要求才会是True
    Out[4]: False
    # 3.查看符合校验规则的数据
    obj.cleaned_data
    Out[5]: {'username': 'jason'}
    # 4.查看不符合条件的数据以及不符合的原因是什么
    obj.errors
    Out[6]: 
    {
        'password': ['Ensure this value has at least 3 characters (it has 2).'],
        'email': ['Enter a valid email address.']
    }
    #5.校验数据的时候 默认情况下类里面所有的字段都必须传值
    obj=views.MyRegForm({'username':'jason','password':'123'})
    obj.is_valid()
    Out[12]:False
    obj.errors
    Out[13]: {'email': ['This field is required.']}
    # 6.默认情况下可以多传 但是绝对不能少传
    obj=views.MyRegForm({'username':'jason','password':'1233','email':'123@qq.com','xxx':'ooo'})
    obj.is_valid()
    Out[15]: True
    

    如何渲染页面

    1.forms组件只会帮你渲染获取用户输入(输入,选择,下拉框...)的标签  提交按钮需要你自己手动写
    
    <p>三种渲染前端页面的方式</p>
    <p>第一种渲染前端页面的方式:封装程度太高了 标签样式及参数不方便调整 可扩展性差(不推荐使用)
    {{ form_obj.as_p }}
    {{ form_obj.as_ul }}
    </p>
    
    <p>第二种渲染页面的方式:扩展性较高 不足之处在于 需要你手写的代码量比较多(不推荐使用)</p>
    <p>
        {{ form_obj.username.label }}{{ form_obj.username }}
    </p>
    <p>
        {{ form_obj.password.label }}{{ form_obj.password }}
    </p>
    <p>
        {{ form_obj.email.label }}{{ form_obj.email }}
    </p>
    
    <p>第三种渲染前端页面的方式:代码量和扩展性都很高(推荐使用)</p>
    {% for foo in form_obj %}
    <p>{{ foo.label }}{{ foo }}</p>
    {% endfor %}
    
    

    如何展示错误信息

    如何取消前端帮我们做的校验 form表单中添加一个参数即可
    <form action="" method="post" novalidate>
        
    展示错误信息   用对象点errors.0
    <form action="" method="post" novalidate>
        {% for foo in form_obj %}
        <p>
            {{ foo.label }}:{{ foo }}
            <span style="color: red">{{ foo.errors.0 }}</span>
        </p>
        {% endfor %}
        <input type="submit">
    </form>
            
    
    from django import forms
    
    class MyRegForm(forms.Form):
        username = forms.CharField(min_length=3,max_length=8,label='用户名',
                                   error_messages={
                                       'min_length':'用户名最短三位',
                                       'max_length':'用户名最长八位',
                                       'required':'用户名不能为空'
                                   },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':'邮箱格式不正确'
        },required=False)
        
    
    

    forms组件钩子函数

    针对字段 你还可以做额外的校验   需要通过钩子函数
    1.局部钩子
    # 当你需要对某一个字段数据进行额外的一些列校验 你可以考虑使用钩子函数
    # 针对单个字段的  使用局部钩子
    def clean_username(self):
        username=self.cleaned_data.get('username')
        if '西游记' in username:
            # 给username字段下面提示错误信息
            self.add_error('username','用户名不符合社会主义核心价值观')
        return username
    2.全局钩子
    # 针对多个字段的校验 使用全局钩子      eg:校验两次密码是否一致
    def clean(self):
        password = self.cleaned_data.get('password')
        confirm_password = self.cleaned_data.get('confirm_password')
        if not password == confirm_password:
            self.add_error('confirm_password','两次密码不一致')
        return self.cleaned_data
    
    
    改变input框的type属性值
    widget=widget.TextInput()
    widget=widgets.PasswordInput()
    如何让forms组件渲染出来的input框有form-control类属性
    widget= widgets.TextInput(attrs={'class':'form-control others'})  # 如果有多个类属性 空格隔开
     widget=widgets.PasswordInput(attrs={'class':'form-control others'})
    

    每个字段支持正则校验

    from django import forms
    from django.forms import Form
    from django.core.validators import RegexValidator
             
     class MyForm(Form):
         user = forms.CharField(
             validators=[RegexValidator(r'^[0-9]+$', '请输入数字'), RegexValidator(r'^159[0-9]+$', '数字必须以159开头')],
                )
    
  • 相关阅读:
    .NET文件格式相关开源项目
    ASP.NET配置文件Web.config 详细解释
    Allow user to select camera or gallery for image
    android之调用webservice 实现图片上传
    使用 iTextSharp 生成 PDF 表格
    Android:如何显示网络图片
    Android的HttpClient和WebView session不同的问题
    提高你开发效率的十五个Visual Studio 2010使用技巧
    HTML5 Audio/Video 标签,属性,方法,事件汇总
    ASP.NET Web 项目文件类型
  • 原文地址:https://www.cnblogs.com/aden668/p/11760838.html
Copyright © 2011-2022 走看看