小火车 2019-10-29
视图函数:
from app01 import models # 向表中插入1000条数据 def index(request): # 方式1: # for i in range(1000): # models.Book.objects.create(title=‘第%s本书‘%i) # book_Queryset = models.Book.objects.all() # 方式2:批量插入 bulk_create book_list = [] for i in range(1000): book_list.append(models.Book(title=‘第%s本书‘%i)) models.Book.objects.bulk_create(book_list) # 前端展示 book_Queryset = models.Book.objects.all() return render(request,‘index.html‘,locals())
前端页面:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script> </head> <body> {% for book_obj in book_Queryset %} <p>{{ book_obj.title }}</p> {% endfor %} </body> </html>
1、自定义分页器思路推导(代码):
from django.shortcuts import render,HttpResponse,redirect from app01 import models # Create your views here. from django.core.exceptions import ValidationError def index(request): # 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.将刚刚插入的数据查询出来展示到前端 # 1.获取用户想要访问的页码数 current_page = request.GET.get(‘page‘,1) # 如果没有page参数 默认就展示第一页 # 转成整型 current_page = int(current_page) # 2.每页展示10条数据 per_page_num = 10 # 3.定义起始位置和终止位置 start_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 = divmod(all_count,per_page_num) # divmod(100,10) if more: page_num += 1 # page_num就觉得了 需要多少个页码 page_html = ‘‘ xxx = current_page # xxx就是用户点击的数字 if current_page < 6: current_page = 6 for i in range(current_page-5,current_page+6): if xxx == i: page_html += ‘<li class="active"><a href="?page=%s">%s</a></li>‘%(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())
views.py
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script> <link href="https://cdn.bootcss.com/twitter-bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet"> <script src="https://cdn.bootcss.com/twitter-bootstrap/3.3.1/js/bootstrap.min.js"></script> </head> <body> {% for book_obj in book_queryset %} <p>{{ book_obj.title }}</p> {% endfor %} <nav aria-label="Page navigation"> <ul class="pagination"> <li> <a href="#" aria-label="Previous"> <span aria-hidden="true">«</span> </a> </li> {{ page_html|safe }} <li> <a href="#" aria-label="Next"> <span aria-hidden="true">»</span> </a> </li> </ul> </nav> </body> </html>
index.html
2、最后封装好的自定义分页器
自定义分页器的使用 新建一个py文件将代码直接拷贝过去:
新建utils 文件夹,下面创建mypage.py文件,将自定义分页器组件代码拷贝过去
#!/usr/bin/env python # -*- coding:utf-8 -*- 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)
mypage.py
后端视图层views.py 中函数的代码实现:
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())
前端HTML页面:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script> </head> <body> {% for book_obj in page_queryset %} <p>{{ book_obj.title }}</p> {% endfor %} {{ page_obj.page_html| safe }} </body> </html>
总结重点代码:
自定义分页器 重点在于推到思路 代码你可以不掌握 自定义分页器的使用 新建一个py文件将代码直接拷贝过去 后端 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会自动创建第三张关系表。
缺点:虽然Django会自动创建第三张关系表,但是只会创建两张表的关系字段,不会再额外增加其他字段。
虽然方便,但是第三张表扩展性较差,不能随意增加额外字段。
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的查询方法就行了
所以半自动创建多对多表关系的时候,既可以添加额外的字段,还可以使用orm的查询方法,
但是半自动不支持使用:
set() add() 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.后面字段的顺序 由第三张表通过哪个字段查询单表 就把哪个字段放前面 """ 在设计项目的时候 一定要给自己留后路 防止后续的迭代更新 """
1.注册功能 用户输入的用户名中 不能包含金瓶 如果包含了 就提示用户 输入的内容不符合社会主义核心价值观 用户输入的密码 不能小于三位 如果密码少于三位 提示用户 密码太短了
(******) 校验数据通常是前后端都有校验 但是前端校验可有可无 哪怕再牛逼 后端也必须要有校验 反正一句话 前端可有不校验 后端必须校验!!!
代码如下:
def reg(request): back_dic = {"username":‘‘,‘password‘:‘‘} if request.method == ‘POST‘: username = request.POST.get(‘username‘) password = request.POST.get(‘password‘) if ‘金瓶‘ in username: # 提示信息 back_dic[‘username‘] = ‘不符合社会主义核心价值观‘ if len(password) < 3: # 提示信息 back_dic[‘password‘] = ‘密码不能少于三位‘ return render(request,‘reg.html‘,locals())
views.py
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script> <link href="https://cdn.bootcss.com/twitter-bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet"> <script src="https://cdn.bootcss.com/twitter-bootstrap/3.3.1/js/bootstrap.min.js"></script> </head> <body> <form action="" method="post"> <p>username: <input type="text" name="username"> <span style="color: red">{{ back_dic.username }}</span> </p> <p>password:<input type="text" name="password"> <span style="color: red">{{ back_dic.password }}</span> </p> <input type="submit"> </form> </body> </html>
reg.html
按照以前的方法我们做了一下几件事:
‘‘‘ 1.搭建前端页面 >>> 渲染页面 2.获取前端用户提交的数据校验 >>> 校验数据 3.对数据的校验的结果 展示到前端页面给用户查看 >>> 展示错误信息 ‘‘‘
‘‘‘ form组件能够自动帮你完成上面的三件事 1.渲染页面 2.校验数据 3.展示错误信息 ‘‘‘
from组件的使用:
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()
2、如何校验数据
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‘:‘‘,‘xxx‘:‘ooo‘}) obj.is_valid() Out[15]: True
3、如何渲染页面
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 %}
4、如何展示错误信息
展示错误信息前,我们要先消除前端帮我们做的校验,
方法:在form表单中添加一个参数就可以了
<form action="" method="post" novalidate>
前端页面操作:
<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组件钩子函数 针对字段 你还可以做额外的校验 需要通过钩子函数 局部钩子 # 当你需要对某一个字段数据进行额外的一些列校验 你可以考虑使用钩子函数 # 针对单个字段的 使用局部钩子 def clean_username(self): username = self.cleaned_data.get(‘username‘) if ‘金瓶‘ in username: # 给username字段下面提示错误信息 self.add_error(‘username‘,‘用户名不符合社会主义核心价值观‘) return username 全局钩子 # 针对多个字段的校验 使用全局钩子 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= widgets.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开头‘)], )