注册功能
1.渲染前端标签获取用户输入 >>> 渲染标签
2.获取用户输入传递到后端校验 >>> 校验数据
3.校验未通过展示错误信息 >>> 展示信息 校验数据(前后端都可以校验)
校验前端后端都可以做，但是前端可以不做，后端必须得做!!! django form组件
1.渲染标签
2.校验数据
3.展示信息 校验数据
第一步需要在views中写一个form类
from django import forms class MyForm(forms.Form):
name = forms.CharField(max_length=6)
password = forms.CharField(max_length=8,min_length=3)
email = forms.EmailField(required=True)
第二步实例化form对象
form_obj = MyForm({'name':'jason'}) 第三步查看数据校验是否合法
form_obj.is_valid() # 只有当所有的字段都校验通过才会返回True 第四步查看校验错误的信息
form_obj.errors # 这个里面放的是所有校验未通过的字段及错误提示
"""
{
'name': ['Ensure this value has at most 6 characters (it has 7).'],
'password': ['Ensure this value has at least 3 characters (it has 2).'],
'email': ['Enter a valid email address.']
} """
第五步查看校验通过的数据
form_obj.cleaned_data # 符合校验规则数据都会被放到该对象中
ps:form组件校验数据的规则从上往下依次取值校验
校验通过的放到cleaned_data
校验失败的放到errors
注意:
form中所有的字段默认都是必须传值的(required=True)
校验数据的时候可以都传(多传的数据不会做任何的校验>>>不会影响form校验规则) 渲染标签
form组件只帮你渲染获取用户输入的标签,不会帮你渲染提交按钮，需要手动添加
<h1>第一种渲染方式(可扩展性较差)</h1>
{{ form_obj.as_p }}
{{ form_obj.as_ul }} <h1>第二种渲染方式</h1>
<form action="">
<p>{{ form_obj.name.label }}{{ form_obj.name }}</p>
<p>{{ form_obj.password.label }}{{ form_obj.password }}</p>
<p>{{ form_obj.email.label }}{{ form_obj.email }}</p>
<input type="submit">
</form> <h1>第三种渲染标签的方式</h1>
<form action="">
{% for foo in form_obj %}
<p>{{ foo.label }}{{ foo }}</p>
{% endfor %}
</form> 前端取消校验 参数 novalidate
<form action="" method="post" novalidate>
</form> form组件提交数据如果数据不合法，页面上会保留之前用户输入的信息
在使用form组件对模型表进行数据校验的时候，只需要保证字段一致
那么在创建的对象的时候你就直接**form_obj.cleaned_data <form action="" method="post" novalidate>
{% for foo in form_obj %}
<p>
{{ foo.label }}{{ foo }}
<span>{{ foo.errors.0 }}</span>
</p>
{% endfor %}
<input type="submit">
</form> # 钩子函数
# 局部钩子函数 （单个字段的校验利用局部钩子函数）
def clean_name(self):
name = self.cleaned_data.get('name')
if '' in name:
self.add_error('name','光喊666是不行的，要有真实力!')
return name # return还是要加上的，兼容性考虑 # 全局钩子函数 （多个字段的校验利用全局钩子函数）
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',"两次密码不一致，你这个dsb!")
return self.cleaned_data # 设置标签样式
from django import forms
from django.forms import widgets
password = forms.CharField(max_length=8,min_length=3,error_messages={
'max_length': '密码最长8位',
'required': '密码不能为空',
'min_length':'密码最少3位'
},widget=widgets.PasswordInput(attrs={'class':'c1 form-control'})) hobby = forms.ChoiceField(
choices=((1, "篮球"), (2, "足球"), (3, "双色球"),),
label="爱好",
initial=3,
widget=forms.widgets.Select()
)
hobby1 = forms.MultipleChoiceField(
choices=((1, "篮球"), (2, "足球"), (3, "双色球"),),
label="爱好",
initial=[1, 3],
widget=forms.widgets.SelectMultiple()
) keep = forms.ChoiceField(
label="是否记住密码",
initial="checked",
widget=forms.widgets.CheckboxInput()
)
forms组件使用完整示例：
views中定义form类：
class RegForm(forms.Form):
name = forms.CharField(max_length=10,min_length=3,label='用户名', error_messages={
'required':'用户名不能为空!',
'invalid':'格式错误！',
'max_length':'注册用户名长度不能超过10位！',
'min_length':'注册用户名长度不能低于3位',
},
widget=forms.widgets.Input(attrs={'class':'form-control','style':'width:250px'},))
password = forms.CharField(max_length=16,min_length=3,label='密码', error_messages={
'required':'注册密码不能为空！',
'invalid':'格式错误！',
'max_length':'密码超出最大长度16位！',
'min_length':'密码长度不能低于3位！'
},
widget=forms.widgets.PasswordInput(attrs={'class':'form-control','style':'width:250px'})
)
re_password = forms.CharField(max_length=16, min_length=3,label='再次输入密码', error_messages={
'required': '注册密码不能为空！',
'invalid': '格式错误！',
'max_length': '密码超出最大长度16位！',
'min_length': '密码长度不能低于3位！'
},
widget=forms.widgets.PasswordInput(
attrs={'class': 'form-control', 'style': 'width:250px'})
)
cellphone = forms.CharField(max_length=14,min_length=10,label='请输入手机号',error_messages={
'required': '注册手机号不能为空！',
'invalid': '格式错误！',
'max_length': '手机号长度不合法！',
'min_length': '手机号长度不合法！'
},
widget=forms.widgets.Input(attrs={'class':'form-control','style':'width:250px','id':'cellphone'})
)
def clean_name(self):
name = self.cleaned_data.get("name")
if not name.isalpha():
self.add_error('name','用户名必须由字母数字组成！')
elif name[0].isdigit():
self.add_error('name','用户名不能以数字开头！')
elif models.User.objects.filter(name=name):
self.add_error('name','该用户名已存在！')
return name def clean(self):
password = self.cleaned_data.get("password")
re_password = self.cleaned_data.get('re_password')
if password != re_password:
self.add_error('re_password','两次密码不一致！')
elif password == '':
self.add_error('password','当前密码过于简单！')
return self.cleaned_data
def clean_cellphone(self):
cellphone = self.cleaned_data.get("cellphone")
regExp = "^((13[0-9])|(15[^4])|(18[0,2,3,5-9])|(17[0-8])|(147))\\d{8}$"
if not re.findall(regExp,cellphone):
self.add_error('cellphone','请输入正确的手机号！')
elif models.User.objects.filter(cellphone = cellphone):
self.add_error('cellphone','该手机号已注册！请换一个再试！')
return cellphone
前端渲染代码：
由于引入了许多第三方样式，没有导入JS,CSS样式等部分，截取了body部分作为示例
<body>
<div class="container" id="particles-js">
<div id="main-div">
<h3 style="text-align: center">欢迎注册图书管理系统</h3>
<form action="" method="post" style="width: 250px;margin: 20px auto" autocomplete="off" novalidate>
{% for form_datum in form_data %}
<p>{{ form_datum.label }}{{ form_datum }}
<span style="color: red">{{ form_datum.errors.0 }}</span>
</p>
{% endfor %} <span>请输入验证码:</span>
<p >
<input type="text" class="form-control" name="yzm" style="width: 120px;display:inline-block;">
<input href="#" class="btn btn-info feachBtn" style="width: 130px;float: right;" value="获取手机验证码">
</p>
<span style="color: red">{{ yzm }}</span>
<p style="padding: 10px 0;"><input type="submit" class="btn btn-info btn-block" value="注册"></p> </form>
</div>
</div>
</body>
views视图函数处理部分：
def register(request):
form_data = RegForm()
if request.method == "POST":
form_data = RegForm(request.POST)
if form_data.is_valid(): #检查是否通过校验，没有则返回前端error信息，通过则注册
dic = dict(form_data.cleaned_data)
dic["user_type"] = 'user'
dic.pop('re_password')
# dic['cellphone'] = request.session.get("cellphone")
models.User.objects.create(**dic)
return redirect('/admins/show-book/')
return render(request, "reg.html",locals())