Form表单的功能
- 自动生成HTML表单元素
- 检查表单数据的合法性
- 如果验证错误,重新显示表单(数据不会重置)
- 数据类型转换(字符类型的数据转换成相应的Python类型)
Form相关的对象包括
- Widget:用来渲染成HTML元素的工具,如:forms.Textarea对应HTML中的<textarea>标签
- Field:Form对象中的一个字段,如:EmailField表示email字段,如果这个字段不是有效的email格式,就会产生错误。
- Form:一系列Field对象的集合,负责验证和显示HTML元素
- Form Media:用来渲染表单的CSS和JavaScript资源。
Form Objects
Form对象封装了一系列Field和验证规则,Form类都必须直接或间接继承自django.forms.Form,定义Form有两种方式:
方法一:直接继承Form
1
2
3
4
5
6
|
from django import forms class ContactForm(forms.Form): subject = forms.CharField(max_length = 100 ,label = '主题' ) message = form.CharField(widget = forms.TextArea) sender = form.EmailField() cc_myself = forms.BooleanField(required = False ) |
方法二:结合Model,继承django.forms.ModelForm
1
2
3
4
5
6
7
8
9
10
|
#models.py class Contact(models.Model): title = models.CharField(max_length = 30 ) content = models.CharField(max_length = 20 ) #form.py class ConotactForm(ModelForm): class Meta: model = Contact field = ( 'title' , 'content' ) #只显示model中指定的字段 |
在视图(view)中使用form
在view函数中使用form的一般情景是:
view.py:
1
2
3
4
5
6
7
8
9
10
11
12
|
form django.shortcuts import render form django.http import HttpResponseRedirect def contact(request): if request.method = = "POST" : form = ContactForm(request.POST) if form.is_valid(): #所有验证都通过 #do something处理业务 return HttpResponseRedirect( '/' ) else : form = ContactForm() return render(request, 'contact.html' ,{ 'form' :form}) |
contact.html:
1
2
3
4
5
6
7
8
9
|
< form action = '/contact/' method = 'POST' > {% for field in form %} < div class = 'fieldWrapper' > {{field.label_tag}}:{{field}} {{field.errors}} </ div > {% endfor %} < div class = 'fieldWrapper' > < p >< input type = 'submit' value = '留言' ></ p ></ div > </ form > |
处理表单数据
form.is_valid()返回true后,表单数据都被存储在form.cleaned_data对象中(字典类型,意为经过清洗的数据),而且数据会被自动转换为Python对象,如:在form中定义了DateTimeField,那么该字段将被转换为datetime类型,还有诸如:IntegerField、FloatField
1
2
3
4
5
6
7
8
9
10
11
12
13
|
if form.is_valid(): subject = form.cleaned_data[ 'subject' ] message = form.cleaned_data[ 'message' ] sender = form.cleaned_data[ 'sender' ] cc_myself = form.cleaned_data[ 'cc_myself' ] recipients = [ 'info@example.com' ] if cc_myself: recipients.append(sender) from django.core.mail import send_mail send_mail(subject, message, sender, recipients) return HttpResponseRedirect( '/thanks/' ) # Redirect after POST |
Form的简单使用方法就这些。 另:
在模版中显示表单的几种方式:
显示form找template中的方法多种多样,也可以自定义:
1
2
3
4
|
< form action = "/contact/" method = "post" >{% csrf_token %} {{ form.as_p }} < input type = "submit" value = "Submit" /> </ form > |
还可以使用form.as_table、form.as_ul,分别表示用<p>标签,<table>标签和<ul>表示显示表单。如果要自定义,你只要获取到每个元素的值就行:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
< form action = "/contact/" method = "post" > {{ form.non_field_errors }} < div class = "fieldWrapper" > {{ form.subject.errors }} < label for = "id_subject" >Email subject:</ label > {{ form.subject }} </ div > < div class = "fieldWrapper" > {{ form.message.errors }} < label for = "id_message" >Your message:</ label > {{ form.message }} </ div > < div class = "fieldWrapper" > {{ form.sender.errors }} < label for = "id_sender" >Your email address:</ label > {{ form.sender }} </ div > < div class = "fieldWrapper" > {{ form.cc_myself.errors }} < label for = "id_cc_myself" >CC yourself?</ label > {{ form.cc_myself }} </ div > < p >< input type = "submit" value = "Send message" /></ p > </ form > |
每个form字段都可以使用 {{form.name_of_field}}得到。
也可以通过迭代form,每个迭代元素对应的是form里面的field
1
2
3
4
5
6
7
8
9
|
< form action = "/contact/" method = "post" > {% for field in form %} < div class = "fieldWrapper" > {{ field.errors }} {{ field.label_tag }}: {{ field }} </ div > {% endfor %} < p >< input type = "submit" value = "Send message" /></ p > </ form > |
{{field}}有如下属性:
1
2
3
4
|
{{field.lable}},如:Email address {{field.label_tag}},如: <label for = id_email>Email address< / label> {{field.value}} 如:someone.@gmail.com {{field.errors}} |
实例:构建表单
第一步:首先在models.py中定义一个表单模型
1
2
3
4
5
6
|
class RemarkForm(forms.Form): subject = forms.CharField(max_length = 100 ,label = '留言标题' ) mail = forms.EmailField(label = '电子邮件' ) topic = forms.ChoiceField(choices = TOPIC_CHOICES,label = '选择评分' ) message = forms.CharField(label = '留言内容' ,widget = forms.Textarea) cc_myself = forms.BooleanField(required = False ,label = '订阅该贴' ) |
那个topic中的choices需要在models.py中定义一个数组.
1
2
3
4
5
|
TOPIC_CHOICES = ( ( 'leve1' , '差评' ), ( 'leve2' , '中评' ), ( 'leve3' , '好评' ), ) |
这样,之后在html显示的表单就采用这个模型的数据了。
另外还有一种定义表单模型的方式,那就是直接继承另一个models。如果我们在models里设计数据库时,已经设计好了一个类(就是数据库的表)之后想复用这个类的信息来作为表单的模型,那么很简单,同样是在models中的一个类
1
2
3
4
5
6
7
|
class Advertisement(models.Model): #订单编号 OrderID = models.ForeignKey(OrderInfo) #//广告标题# Title = models.CharField(max_length = 36 ) #//广告内容# Content = models.CharField(max_length = 600 ) |
注意,他的类型是models.Model,是做数据库ORM用的。
然后怎么关联呢?
需要导入一个新的类 (ModelForm)
1
2
3
4
5
6
|
from django.forms import ModelForm class ContactForm(ModelForm): class Meta: model = Advertisement fields = ( 'Title' , 'CustomerID' ) |
这里的Advertisement就是之前那个ORM的模型。
第二步:OK,继续我们的表单,下一步需要做什么呢?开始在views.py里写对表单的调用吧.
def remark(request):
1
2
3
4
5
6
7
8
9
10
|
if request.method = = 'POST' : # 如果表单被提交 form = ContactForm(request.POST) # 获取Post表单数据 if form.is_valid(): # 验证表单 return HttpResponseRedirect( '/' ) # 跳转 else : form = ContactForm() #获得表单对象 return render_to_response( 'message.html' , { 'form' : form, }) |
整个代码很简单,我就不过多的解释了。
第三步:我们知道django里任何访问都是通过urls.py来管理的。所以下面我们需要配置一个路径。
1
|
(r '^message' , 'iring.views.remark' ), |
第四步:最后应该是建立一个模板的时候了,因为我们最终是输出到html上的.注意views的remark函数最后一行
1
2
3
|
return render_to_response( 'message.html' , { 'form' : form, }) |
就是讲当前的表单对象输出到message.html里,自动生成一个表单。
所以,先构建一个html.
这个html模板很简单,除去不必要的CSS,我只给出核心部分好啦。
1
2
3
4
5
6
7
8
9
|
< form action = "/message/" method = "POST" > {% for field in form %} < div class = "fieldWrapper" > {{ field.label_tag }}:{{ field }} {{ field.errors }} div> {% endfor %} < div class = "fieldWrapper" >< p >< input type = "submit" value = "留言" />p>div> form> |
1
2
3
|
{ % for field in form % } { % endfor % } |
用于对表单对象里的元素进行遍历,然后通过
1
2
3
|
{{ field.label_tag }} {{ field }} {{ field.errors }} |
这三个标签来输出,注意{{ field.errors }}默认情况下是不会输出的,只有当验证表单正确性时才会输出内容。
最终我们通过:
http://youdjangourl/message来访问这个例子