forms组件
前期准备
settings.py
"""day56 URL Configuration
The `urlpatterns` list routes URLs to views. For more information please see:
https://docs.djangoproject.com/en/1.11/topics/http/urls/
Examples:
Function views
1. Add an import: from my_app import views
2. Add a URL to urlpatterns: url(r'^$', views.home, name='home')
Class-based views
1. Add an import: from other_app.views import Home
2. Add a URL to urlpatterns: url(r'^$', Home.as_view(), name='home')
Including another URLconf
1. Import the include() function: from django.conf.urls import url, include
2. Add a URL to urlpatterns: url(r'^blog/', include('blog.urls'))
"""
from django.conf.urls import url
from django.contrib import admin
from app01 import views
urlpatterns = [
url(r'^admin/', admin.site.urls),
url(r'^register/', views.register),
]
urls.py
from django.shortcuts import render, HttpResponse, redirect, reverse
# Create your views here.
def register(request):
error_dict = {'username': '', 'password': ''}
if request.method == 'POST':
username = request.POST.get('username')
password = request.POST.get('password')
if '金瓶mei' in username:
# 提示报错信息
error_dict['username'] = '不符合社会主义核心价值观'
if not password:
# 提示报错信息
error_dict['password'] = '密码不能为空, 你个DSB'
return render(request, 'register.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.4.1/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<body>
<form action="" method="post">
<p>username:
<input type="text" name="username">
<span style="color: red">{{ error_dict.username }}</span>
</p>
<p>password:
<input type="text" name="password">
<span style="color: red">{{ error_dict.password }}</span>
</p>
<input type="submit">
</form>
</body>
</html>
forms组件之渲染标签
- 首先我们还是需要先写一个类
注意:forms组件只帮你渲染获取用户输入(输入 选择 下拉 文件)的标签不会渲染按钮以及form表单标签,渲染出来的每一个input提示信息都是类中的字段首字母大写
# forms渲染页面
def reg(request):
# 1、先生成一个空的类的对象
form_obj = MyRegForm()
# 2、直接将该对象传给前端页面
return render(request, 'reg.html', locals())
第一种渲染方式
便于本地测试,但封装程度太高了,不利于扩展
{{as_p}}
<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.4.1/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<body>
<p>第一种渲染方式 多个p标签 优点:本地测试方便 不足之处:封装程度太高了 不便于扩展</p>
{{ form_obj.as_p }}
# forms组件展示信息
```python
#{{ form_obj.as_ul }} # 其他类型
#{{ form_obj.as_table }} # 其他类型
</body>
</html>
第二种渲染方式
自己手动去书写
{{ form_obj.username.label }}{{ form_obj.username }}
<p>第二种渲染方式:优点:扩展性高, 缺点:有几个字段就得自己手写多少个,所以书写麻烦</p>
<label for="{{ form_obj.username.id_for_label }}"></label> <--for是用来放对应的input框的id地址--!>
{{ form_obj.username.label }}{{ form_obj.username }} # 点label是获取注释,不加只会是一个空白的框
{{ form_obj.password.label }}{{ form_obj.password }}
{{ form_obj.email.label }}{{ form_obj.email }}
</body>
</html>
第三种渲染方式
for
循环(推荐使用)
<p>第三种渲染方式:推荐使用</p>
{% for form in form_obj %}
<p>{{ form.label }}{{ form }}</p>
{% endfor %}
注意事项
-
forms组件之负责渲染获取用户数据的标签 也就意味着form标签与按钮都需要自己写
-
前端的校验是弱不禁风的 最终都需要后端来校验 所以我们在使用forms组件的时候可以直接取消前端帮我们的校验
<form action="" novalidate>
forms组件之展示信息(渲染信息)
注意:数据校验你得前后端都得有 但是前端的校验弱不禁风,可有可无,而后端的校验则必须非常全面
那么我们应该如何取消浏览器自动帮我们校验的功能?
- 针对
form
表单取消前端浏览器自动校验功能, 你只需要加一个参数novalidate
<form action="" method="post" novalidate> # 取消前端的校验
前端:
<form action="" method="post" novalidate> # 取消前端的校验
{% for form in form_obj %}
<p>
{{ form.label }}{{ form }}
<span>{{ form.errors.0 }}</span> <--直接点索引0,拿到的就是列表的提示信息--!>
</p>
{% endfor %}
<input type="submit">
</form>
后端:
# forms渲染页面
def reg(request):
# 1、先生成一个空的类的对象
form_obj = MyRegForm()
if request.method == 'POST':
# 3、获取用户数据并交给forms组件检验 request.POST
form_obj = MyRegForm(request.POST)
# 4、获取检验结果
if form_obj.is_valid():
return HttpResponse('数据没问题')
else:
# 获取检验失败的字段和提示信息
print(form_obj.errors)
# 2、直接将该对象传给前端页面
return render(request, 'reg.html', locals())
forms组件校验补充
forms组件针对字段数据的校验 提供了三种类型的校验方式(可以一起使用)
- 第一种类型:直接填写参数
max_length
- 第二种类型:使用正则表达式
validators
- 第三种类型:钩子函数 编写代码自定义校验规则
报错信息修改:error_messages
可以修改前端页面展示的报错信息,每一条数据都可以对应修改
username = forms.CharField(
max_length=8,
min_length=3,
label='用户名',
initial='默认值',
error_messages={
'max_length':'用户名最长八位',
'min_length':'用户名最短三位',
'required':'用户名不能为空'
},
)
email = forms.EmailField(
label='邮箱',
error_messages={
'required':'邮箱不能为空',
'invalid':'邮箱格式错误' # 这条显示邮箱格式错误的报错信息
}
)
正则校验器:RegexValidator
通过正则匹配校验数据的内容格式
# 需要先导入RegexValidator模块
from django.core.validators import RegexValidator
validators=[
RegexValidator(r'^[0-9]+$', '请输入数字'),
RegexValidator(r'^159[0-9]+$', '数字必须以159开头'),
]
钩子函数
-
在特定的时刻,抓取特定的内容
-
钩子函数是一个函数,函数体内你可以写任意的校验代码
-
他会在数据校验通过后自动调用执行
局部钩子
函数名为 clean_
单个字段名
# 校验用户名中不能含有666
def clean_username(self):
username = self.cleaned_data.get('username')
if '666' in username:
# 给username所对应的框展示错误信息
self.add_error('username','光喊666是不行的')
# raise ValidationError('到底对不对啊')
# 将单个数据username数据返回
return username
全局钩子
函数名为 clean
,会对cleaned_data
中的所有键值对一个一个进行校验
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
forms组件常用参数
参数名 | 作用 |
---|---|
min_length | 最小字符 |
max_length | 最大字符 |
min_value | 最小值 |
max_value | 最大值 |
label | 字段注释 |
error_messages={} | 错误信息提示 |
validators | 正则校验器 |
initial | 默认值 |
required | 是否必填 |
widget | 控制标签的各项属性 |
widget=forms.widgets.PasswordInput(attrs={'class': 'form-control', 'username': 'jason'})
forms组件源码剖析
1 为什么局部钩子要写成clean_字段名,为什么要抛异常
2 入口在is_valid()
3 校验流程
-先校验字段自己的规则(最大,最小,是否必填,是不是合法)
-校验局部钩子函数
-全局钩子校验
4 流程
-is_valid() --> return self.is_bound and not self.errors
-self.errors: 方法包装成了数据属性
-一旦有值,self.errors就不进行校验(之前调用过了)
- self.full_clean(): 核心
if not self.is_bound: # Stop further processing. 如果data没有值直接返回
return
def full_clean(self):
"""
Clean all of self.data and populate self._errors and self.cleaned_data.
"""
self._errors = ErrorDict()
if not self.is_bound: # Stop further processing.
return
self.cleaned_data = {}
# If the form is permitted to be empty, and none of the form data has
# changed from the initial data, short circuit any validation.
if self.empty_permitted and not self.has_changed():
return
self._clean_fields()
self._clean_form()
self._post_clean()
# 局部钩子执行位置
def _clean_fields(self):
for name, field in self.fields.items():
# value_from_datadict() gets the data from the data dictionaries.
# Each widget type knows how to retrieve its own data, because some
# widgets split data over several HTML fields.
if field.disabled:
value = self.get_initial_for_field(field, name)
else:
value = field.widget.value_from_datadict(self.data, self.files, self.add_prefix(name))
try:
if isinstance(field, FileField):
initial = self.get_initial_for_field(field, name)
value = field.clean(value, initial)
else:
value = field.clean(value) # 字段自己的校验规则
self.cleaned_data[name] = value # 把校验后的数据放到cleaned_data
if hasattr(self, 'clean_%s' % name): # 判断有没有局部钩子
value = getattr(self, 'clean_%s' % name)() # 执行局部钩子
self.cleaned_data[name] = value # 校验通过 把数据替换一下
except ValidationError as e: # 如果校验不通过,会抛异常,会被捕获
self.add_error(name, e) # 捕获后执行 添加到错误信息 errors是个列表 错误可能有多个
# 全局钩子执行位置
def _clean_form(self):
try:
# 如果自己定义的form类中写了clean,他就会执行
cleaned_data = self.clean()
except ValidationError as e:
self.add_error(None, e) # key作为None就是__all__
else:
if cleaned_data is not None:
self.cleaned_data = cleaned_data
modelform组件
-
新建用户里面性别与部门form设计
-
性别与部门选择的内容应该分别与设计的元组中套元组和部门数据库有关系
-
通过再
views
对应的直接将从数据库传过来的数据写出一个字典,再通过在模板中调用
效果如下:
原始方法:
- 用户提交数据没有校验。(为空等校验)
- 错误,页面上应该有错误提示。
- 页面上,每一个字段都需要我们重新写一遍。
- 关联的数据,手动去获取并展示循环展示在页面。
1.Django
组件之–Form
1.1初识Form
views.py
中添加Form
的类
这样,如果后期需要添加字段,只需要在model
与views
添加相应的代码,前端html
文件不需要修改
结果如下:(自动生成html
标签)
还可以自动生成下拉框
效果如下:
同理部门:
但是效果:
django中间件
django默认有七个中间件 并且还支持用户自定义中间件
中间件主要可以用于:网站访问频率的校验 用户权限的校验等全局类型的功能需求
MIDDLEWARE = [
'django.middleware.security.SecurityMiddleware',
'django.contrib.sessions.middleware.SessionMiddleware',
'django.middleware.common.CommonMiddleware',
# 'django.middleware.csrf.CsrfViewMiddleware',
'django.contrib.auth.middleware.AuthenticationMiddleware',
'django.contrib.messages.middleware.MessageMiddleware',
'django.middleware.clickjacking.XFrameOptionsMiddleware',
]
如何自定义中间件
1.创建存储自定义中间件代码的py文件或者目录(如果中间件很多)
2.参考自带中间件的代码编写类并继承
3.在类中编写五个可以自定义的方法
需要掌握的
process_request
1.请求来的时候会从上往下依次经过每一个注册了的中间件里面的该方法 如果没有则直接跳过
2.如果该方法自己返回了HttpResponse对象那么不再往后执行而是直接原路返回
process_response
1.响应走的时候会从下往上依次经过每一个注册了的中间件里面的该方法 如果没有则直接跳过
2.该方法有两个先request和response 形参response指代的就是后端想要返回给前端浏览器的数据 该方法必须返回该形参 也可以替换
'''如果在执行process_request方法的时候直接返回了HttpResponse对象那么会原路返回执行process_response 不是执行所有'''
需要了解的
process_view
process_exception
process_template_response
4.一定在配置文件中注册中间件才可以生效
标签:username,框架,form,self,校验,django,clean,讲解,data
From: https://www.cnblogs.com/oiqwyig/p/16997224.html