1 编写表单类
实现注册功能和实现登录功能类似,都要填写表单,所以先别写一个表单类。
from django.contrib.auth.models import User
class RegistrationForm(forms.ModelForm):
password = forms.CharField(label="密码",widget=forms.PasswordInput)
password2 = forms.CharField(label="确认密码",widget=forms.PasswordInput)
class Meta:
model = User
fields = ('username','email')
def clean_password2(self):
cd = self.cleaned_data
if cd['password'] != cd['password2']:
raise forms.ValidationError('密码不匹配')
return cd['password2']
这里引入了Django默认的用户模型User类,在这个表单类中就应用User模型,不需要在新建用户模型了。
在表单登录模块中表单类继承的是forms.Form
类。
但在注册模块中我们的表单继承的是forms.ModelForm
类,这两个类在应用上是有区别的。
一般情况下,如果要将表单中的数据写入数据库表或者修改某些记录的值,就要让表单类继承ModelForm类;如果提交表单后,不会对数据库进行修改,则继承Form类
在类内部定义的clean_password2()方法
这个方法的作用是检验用户输入的密码是否一致。检查动作是在我们调用表单实例对象的is_valid()方法时被执行的。以“clean_+属性名称
”命名方式所创建的方法,都有类似的功能。
2 编写视图文件
from .forms import LoginForm, RegistrationForm
def register(request):
if request.method == "POST":
user_form = RegistrationForm(request.POST)
if user_form.is_valid():
new_user = user_form.save(commit=False)
new_user.set_password(user_form.cleaned_data['password'])
new_user.save()
return HttpResponse('注册成功')
else:
return HttpResponse('注册失败')
else:
user_form = RegistrationForm()
return render(request,'account/register.html',{'form':user_form})
ModelForm类或者它的子类都具有save()方法,它的作用就是将表单数据保存到数据库。
3 编写模板文件
<div class="row text-center">
<h1>注册</h1>
<form class="form-horizontal" action="." method="post">
{% csrf_token %}
<div class="form-group">
<label for="{{ form.username.id_for_label }}" class="col-md-5 control-label">用户名:</label>
<div class="col-md-6 text-left">{{ form.username }}</div>
</div>
<div class="form-group">
<label for="{{ form.email.id_for_label }}" class="col-md-5 control-label">Email:</label>
<div class="col-md-6 text-left">{{ form.email }}</div>
</div>
<div class="form-group">
<label for="{{ form.password.id_for_label }}" class="col-md-5 control-label">密码:</label>
<div class="col-md-6 text-left">{{ form.password }}</div>
</div>
<div class="form-group">
<label for="{{ form.password2.id_for_label }}" class="col-md-5 control-label">密码:</label>
<div class="col-md-6 text-left">{{ form.password2 }}</div>
</div>
<input type="submit" class="btn btn-primary btn-sm" value="提交">
</form>
</div>
模板文件看似代码很多,其实只是加入了boostrap的一些结构样式,如果只是想简单的完成注册功能,用下面的代码也可简单完成
<div>
<form action='.' method='post'>
{% csrf_token %}
{{ form.as_p }}
<input type='submit' value='提交'
</form>
</div>
4 配置路由
path('register',register,name='user_register'),
然后在浏览器查看一下效果吧