首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Django基础(5):表单forms的设计与使用

Django网络应用开发的5项基础核心技术包括模型(Model)的设计,URL的设计与配置,View(视图)的编写,Template(模板)的设计和Form(表单)的使用。今天小编我就来拼个老命给你来介绍下第五项Django核心基础知识之表单forms的设计与使用吧, 并重点介绍下表单的验证。想持续了解后续Django Web开发技术请订阅我的公众号【Python与Django大咖之路】。

什么是表单?何时使用表单?

在web开发里表单的使用必不可少。表单用于让用户提交数据或上传文件,表单也用于让用户编辑已有数据。Django的表单Forms类的作用是把用户输入的数据转化成Python对象格式,便于后续操作(比如存储,修改)。

自定义表单

类似模型,Django表单也由各种字段组成。表单可以自定义(forms.Form),也可以由模型Models创建(forms.ModelForm)。值得注意的是模型里用的是verbose_name来描述一个字段, 而表单用的是label。

下面是两个ContactForm的例子。一个自定义,一个从Model创建。

fromdjangoimportforms

from.modelsimportContact

classContactForm1(forms.Form):

name = forms.CharField(label="Your Name",max_length=255)

email = forms.EmailField(label="Email address")

classContactForm2(forms.ModelForm):

classMeta:

model = Contact

fields = ('name','email',)

Django的常用做法是在app文件夹下创建一个forms.py,专门存放app中所定义的各种表单,这样方便集中管理表单。如果要使用上述表单,我们可以在视图views.py里把它们像模型一样import进来直接使用。

表单实例化

下面方法可以实例化一个空表单,但里面没有任何数据,可以通过{{ form }}在模板中渲染。

form=ContactForm()

用户提交的数据可以通过以下方法与表单结合,生成与数据结合过的表单(Bound forms)。Django只能对Bound forms进行验证。

form=ContactForm(data=request.POST, files=request.FILES)

模板文件中使用form

模板文件中我们可以通过{{ form.as_p }},{{ form.as_li }}和{{ form.as_table }}中渲染表单。如果你想详细控制每个field的格式,你可以采取以下方式。

{% block content %}

{% csrf_token %}

{%forfieldinform %}

{{ field.errors }}

{{ field.label_tag }} {{ field }}

{%iffield.help_text %}

{{ field.help_text|safe }}

{% endif %}

{% endfor %}

{% endblock %}

表单实际使用案例

我们现在需要设计一个表单让用户完成注册。我们先在app目录下新建forms.py,然后创建一个RegistrationForm。代码如下:

当然你也可以不用新建forms.py而直接在html模板里写表单,但我并不建议这么做。用forms.py的好处显而易见:

所有的表单在一个文件里,非常便于后期维护,比如增添或修订字段。

forms.py可通过clean方法自定义表单验证,非常便捷(见后文)。

我们使用RegistrationForm的视图views.py是这样子的。

fromdjango.shortcutsimportrender,get_object_or_404

fromdjango.contrib.auth.modelsimportUser

from.formsimportRegistrationForm

fromdjango.httpimportHttpResponseRedirect

defregister(request):

ifrequest.method =='POST':

form = RegistrationForm(request.POST)

ifform.is_valid():

username = form.cleaned_data['username']

email = form.cleaned_data['email']

password = form.cleaned_data['password2']

# 使用内置User自带create_user方法创建用户,不需要使用save()

user = User.objects.create_user(username=username,password=password,email=email)

# 如果直接使用objects.create()方法后不需要使用save()

returnHttpResponseRedirect("/accounts/login/")

else:

form = RegistrationForm()

returnrender(request,'users/registration.html',{'form': form})

模板是registration.html这样子的。如果你需要通过表单上传图片或文件,一定不要忘了给form加enctype="multipart/form-data"属性。

{{ form.as_p }}

我们来看下RegistrationForm是怎么工作的:

当用户通过POST方法提交表单,我们将提交的数据与RegistrationForm结合,然后验证表单RegistrationForm的数据是否有效。

如果表单数据有效,我们先用Django User模型自带的create_user方法创建user对象,再创建user_profile。用户通过一张表单提交数据,我们实际上分别存储在两张表里。

如果用户注册成功,我们通过HttpResponseRedirect方法转到登陆页面

如果用户没有提交表单或不是通过POST方法提交表单,我们转到注册页面,生成一张空的RegistrationForm

表单的验证

每个forms类可以通过clean方法自定义表单验证。如果你只想对某些字段进行验证,你可以通过clean_字段名方式自定义表单验证。如果用户提交的数据未通过验证,会返回ValidationError,并呈现给用户。如果用户提交的数据有效form.is_valid(),则会将数据存储在cleaned_data里。

在上述用户注册的案例里,我们在RegistrationForm通过clean方法添加了用户名验证,邮箱格式验证和密码验证。代码如下。

fromdjangoimportforms

fromdjango.contrib.auth.modelsimportUser

importre

defemail_check(email):

pattern = re.compile(r"\"?([-a-zA-Z0-9.`?{}]+@\w+\.\w+)\"?")

returnre.match(pattern,email)

classRegistrationForm(forms.Form):

username = forms.CharField(label='Username',max_length=50)

email = forms.EmailField(label='Email',)

password1 = forms.CharField(label='Password',widget=forms.PasswordInput)

password2 = forms.CharField(label='Password Confirmation',widget=forms.PasswordInput)

# Use clean methods to define custom validation rules

defclean_username(self):

username =self.cleaned_data.get('username')

iflen(username)

raiseforms.ValidationError("Your username must be at least 6 characters long.")

eliflen(username) >50:

raiseforms.ValidationError("Your username is too long.")

else:

filter_result = User.objects.filter(username__exact=username)

iflen(filter_result) >:

raiseforms.ValidationError("Your username already exists.")

returnusername

defclean_email(self):

email =self.cleaned_data.get('email')

ifemail_check(email):

filter_result = User.objects.filter(email__exact=email)

iflen(filter_result) >:

raiseforms.ValidationError("Your email already exists.")

else:

raiseforms.ValidationError("Please enter a valid email.")

returnemail

defclean_password1(self):

password1 =self.cleaned_data.get('password1')

iflen(password1)

raiseforms.ValidationError("Your password is too short.")

eliflen(password1) >20:

raiseforms.ValidationError("Your password is too long.")

returnpassword1

defclean_password2(self):

password1 =self.cleaned_data.get('password1')

password2 =self.cleaned_data.get('password2')

ifpassword1andpassword2andpassword1 != password2:

raiseforms.ValidationError("Password mismatch. Please enter again.")

returnpassword2

通用视图里使用表单

在Django基于类的视图(Class Based View)里使用表单也非常容易,只需定义form_class就好了。下面是一个创建一篇新文章的例子。

自定义表单输入的widget

Django forms的每个字段你都可以选择你喜欢的输入widget,比如多选,复选框。你还可以定义每个widget的css属性。如果你不指定,Django会使用默认的widget,有时比较丑。

比如下面这段代码定义了表单姓名字段的输入控件为Textarea,还指定了其样式css。

fromdjangoimportforms

classContactForm(forms.Form):

name = forms.CharField(

max_length=255,

widget=forms.Textarea(

attrs={'class':'custom'},

),

)

设置widget可以是你的表单大大美化,方便用户选择输入。比如下面案例里对年份使用了SelectDateWidget,颜色则使用了复选框CheckboxSelectMultiple。单选可以用RadioSelect和Select。常见文本输入可以用TextInput和TextArea。

fromdjangoimportforms

BIRTH_YEAR_CHOICES = ('1980','1981','1982')

COLORS_CHOICES = (

('blue','Blue'),

('green','Green'),

('black','Black'),

)

classSimpleForm(forms.Form):

birth_year = forms.DateField(widget=forms.SelectDateWidget(years=BIRTH_YEAR_CHOICES))

favorite_colors = forms.MultipleChoiceField(

required=False,

widget=forms.CheckboxSelectMultiple,

choices=COLORS_CHOICES,

)

表单数据初始化

有时我们需要对表单设置一些初始数据,我们可以通过initial方法,如下所示。

form = ContactForm(

initial={

'name':'First and Last Name',

},)

其编辑修改类应用场景中,我们还要给表单提供现有对象的数据,而不是渲染一张空表单,这时我们可这么做。该方法仅适用于由模型创建的ModelForm,而不适用于自定义的表单。

对于自定义的表单,可以设置default_data。

Formset的使用

有的时候用户需要在1个页面上使用多个表单,比如一次性提交添加多本书的信息,这时我们可以使用formset。这是一个表单的集合。

创建一个FormSet我们可以这么做:

fromdjangoimportforms

classBookForm(forms.Form):

name = forms.CharField(max_length=100)

title = forms.CharField()

pub_date = forms.DateField(required=False)

# forms.py - build a formset of books

fromdjango.formsimportformset_factory

from.formsimportBookForm

# extra:额外的空表单数量

# max_num:包含表单数量(不含空表单)

BookFormSet = formset_factory(BookForm,extra=2,max_num=1)

在视图文件views.py里,我们可以像使用form一样使用formset。

模板里可以这样使用formset。

{{ formset }}

后续我们会专门介绍formset的使用案例。欲知更多Python Web开发与Django实战案例,请关注我们的微信公众号【Python与Django大咖之路】。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180601G0B1A700?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

相关快讯

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券
http://www.vxiaotou.com