使用Django Form表单
1.Django Form表单的作用
Django用Form类描述html表单，帮助或简化操作
1、接收和处理用户提交的数据
可检查提交的数据
可将数据转换成Python的数据类型
2、可自动生成html代码
上次登录界面是写在了博客页面，这次应该把它提取出来作为一个公共页面，点击登录时进入这个公共页面，那么上次使用的登录后跳转到
登录前的博客页面得进行修改，因为上次记录的时本页面的链接，此时进入了一个新的登录页面，上次的方法会跳转到登录页面。
我们要进入登录之前的页面，最好把这个页面传进来，我们就知道该怎么跳转，有2种方式，一种是GET方式，链接打个?写个参数；POST是在登录表单中
加入一个字段，写刚才的链接。此时采用GET方式。
对表单验证通过时，获取用户名，密码，再验证用户名，密码的正确性，正确时成功登陆，错误时失败登陆
登录成功时返回登录前的博客页面：
<a href="{% url 'login' %}?from={{ request.get_full_path }}">登录</a>
from等于一个链接
通过GET方式传了一个参数
在views的login方法中，获取from参数，如果没传返回首页。
return redirect(request.GET.get('from'), reverse('home'))
登录不成功时，返回用户名或密码错误信息，也可以用错误页面的方法，但是跳来跳去不是很好，可以利用djangofrom本身有个错误集合，login_form本身包含一个错误集，
可以把错误信息加到错误集，第一个是字段，可能是用户名也可能是密码错误，写None，第二个是错误信息。信息有了后返回form，此时form中就有了错误信息，就会自动显示到
前端模版页面。
login_form.add_error(None, '用户名或密码不正确')
context = {}
context['login_form'] = login_form
return render(request, 'login.html', context)
前端出现的错误显示代码
<ul class="errorlist nonfield"><li>用户名或密码不正确</li></ul>
验证不通过时，也会携带错误信息，之后返回form
context = {}
context['login_form'] = login_form
return render(request, 'login.html', context)
最后代码，登陆逻辑
def login(request): '''username = request.POST.get('username','') password = request.POST.get('password','') user = auth.authenticate(request, username=username, password=password) referer = request.META.get('HTTP_REFERER', reverse('home')) if user is not None: auth.login(request, user) return redirect(referer) else: return render(request,'error.html',{'message':'用户名或密码不正确'})''' if request.method == 'POST': login_form = LoginForm(request.POST) #提交相关数据进行初始化 if login_form.is_valid(): #验证数据是否有效 username = login_form.cleaned_data['username'] #经过验证的数据可以通过clean_data获取 password = login_form.cleaned_data['password'] user = auth.authenticate(request, username=username, password=password) if user is not None: auth.login(request, user) return redirect(request.GET.get('from'), reverse('home')) else: login_form.add_error(None, '用户名或密码不正确') else: login_form = LoginForm() context = {} context['login_form'] = login_form return render(request,'login.html',context)
感觉DjangoForm对比Html就是，把前端页面写的表单移到了forms文件中，通过views实例化后传到前端页面；forms中还可以进行验证，如用户名密码验证，
字段验证。执行is_valid()的时候就会进入forms中的一些clean方法中。在forms中经过is_valid()验证后的数据可以通过cleaned_data获取。
我们可以吧验证的代码都放到forms中，这里是验证用户名和密码是否正确，就可以把views中的验证删除。使得views更加简洁。
from django import forms from django.contrib import auth class LoginForm(forms.Form): username = forms.CharField(label='用户名') password = forms.CharField(label='密码', widget=forms.PasswordInput) def clean(self): username = self.cleaned_data['username'] password = self.cleaned_data['password'] user = auth.authenticate(username=username, password=password) if user is None: raise forms.ValidationError('用户名或密码不正确') else: self.cleaned_data['user'] = user return self.cleaned_data
优化views
if request.method == 'POST': login_form = LoginForm(request.POST) #提交相关数据进行初始化 if login_form.is_valid(): #验证数据是否有效 user = login_form.cleaned_data['user'] auth.login(request, user) return redirect(request.GET.get('from'), reverse('home')) else: login_form = LoginForm() context = {} context['login_form'] = login_form return render(request,'login.html',context)
前端页面的显示也可以用bootsrap进行优化
{#先弄个容器，在弄个行，之后4列宽度，偏移4行到中间，之后把form放到一个带标题的面板里#}
{#为了去掉冒号需要遍历login_form，之后把他的的label也显示出来，再进行错误的显示；若要对输入框进行美化可以在forms中优化#}
{% block content %}
<div class="container">
<div class="row">
<div class="col-xs-4 col-xs-offset-4">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">登录</h3>
</div>
<div class="panel-body">
<form action="" method="POST">
{% csrf_token %}
{% for field in login_form %}
<label for="{{ field.id_for_label }}">{{ field.label }}</label>
{{ field }}
<p class="text-danger">{{ field.errors.as_text }}</p>
{% endfor %}
<span class="pull-left text-danger">{{ login_form.non_field_errors }}</span>
<input type="submit" value="登录" class="btn btn-primary pull-right">
</form>
</div>
</div>
</div>
</div>
</div>
#优化输入框
class LoginForm(forms.Form): username = forms.CharField(label='用户名', widget=forms.TextInput(attrs={'class':'form-control', 'placeholder':'请输入用户名'})) password = forms.CharField(label='密码', widget=forms.PasswordInput(attrs={'class':'form-control', 'placeholder':'请输入密码'}))
登录写完了，再写注册
依次写forms,urls,前端，views。
forms
class RegForm(forms.Form): username = forms.CharField(label='用户名', max_length=30, min_length=3, widget=forms.TextInput(attrs={'class':'form-control', 'placeholder':'请输入3-30位用户名'})) email = forms.EmailField(label='邮箱', widget=forms.EmailInput(attrs={'class':'form-control', 'placeholder':'请输入邮箱'})) password = forms.CharField(label='密码', min_length=6, widget=forms.PasswordInput(attrs={'class':'form-control', 'placeholder':'请输入密码'})) password_again = forms.CharField(label='密码', min_length=6, widget=forms.PasswordInput(attrs={'class':'form-control', 'placeholder':'再输入一次密码'})) def clean_username(self): username = self.cleaned_data['username'] if User.objects.filter(username=username).exists(): raise forms.ValidationError('用户名已存在') return username def clean_email(self): email = self.cleaned_data['email'] if User.objects.filter(email=email).exists(): raise forms.ValidationError('邮箱已存在') return email def clean_password_again(self): password = self.cleaned_data['password'] password_again = self.cleaned_data['password_again'] if password != password_again: raise forms.ValidationError('两次输入的密码不一致') return password_again
urls
path('register/', views.register,name='register'),
前端
{% extends 'base.html' %}
{% load staticfiles %}
{% block title %}
我的网站|注册
{% endblock %}
{% block nav_home_active %}active{% endblock %}
{#先弄个容器，在弄个行，之后4列宽度，偏移4行到中间，之后把form放到一个带标题的面板里#}
{#为了去掉冒号需要遍历reg_form，之后把他的的label也显示出来，再进行错误的显示；若要对输入框进行美化可以在forms中优化#}
{% block content %}
<div class="container">
<div class="row">
<div class="col-xs-4 col-xs-offset-4">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">注册</h3>
</div>
<div class="panel-body">
<form action="" method="POST">
{% csrf_token %}
{% for field in reg_form %}
<label for="{{ field.id_for_label }}">{{ field.label }}</label>
{{ field }}
<p class="text-danger">{{ field.errors.as_text }}</p>
{% endfor %}
<span class="pull-left text-danger">{{ reg_form.non_field_errors }}</span>
<input type="submit" value="登录" class="btn btn-primary pull-right">
</form>
</div>
</div>
</div>
</div>
</div>
{% endblock %}
views
def register(request): if request.method == 'POST': reg_form = RegForm(request.POST) #提交相关数据进行初始化 if reg_form.is_valid(): #验证数据是否有效,之后获取数据 username = reg_form.cleaned_data['username'] email = reg_form.cleaned_data['email'] password = reg_form.cleaned_data['password'] #创建用户 user = User.objects.create_user(username,email,password) user.save() #登录用户 user = auth.authenticate(username=username,password=password) auth.login(request,user) #跳转到进入注册页面之前的路径 return redirect(request.GET.get('from'), reverse('home')) else: reg_form = RegForm() context = {} context['reg_form'] = reg_form return render(request,'register.html',context)
浙公网安备 33010602011771号