站长资源 脚本专栏

Python的Django框架中forms表单类的使用方法详解

整理:jimmy2025/3/5浏览2次

简介Form表单的功能自动生成HTML表单元素检查表单数据的合法性如果验证错误，重新显示表单（数据不会重置）数据类型转换（字符类型的数据转换成相应的Python类型）Form相关的对象包括Widget：用来渲染成HTML元素的工具，如：forms.Textarea对应HTML中的

标签</div>
                <div class="news_infos"><div id="MyContent"><p><strong>Form表单的功能</strong></p>
<ul>
  <li>自动生成HTML表单元素</li>
  <li>检查表单数据的合法性</li>
  <li>如果验证错误，重新显示表单（数据不会重置）</li>
  <li>数据类型转换（字符类型的数据转换成相应的Python类型）</li>
</ul>
<p><strong>Form相关的对象包括</strong></p>
<ul>
  <li>Widget：用来渲染成HTML元素的工具，如：forms.Textarea对应HTML中的<textarea>标签</li>
  <li>Field：Form对象中的一个字段，如：EmailField表示email字段，如果这个字段不是有效的email格式，就会产生错误。</li>
  <li>Form：一系列Field对象的集合，负责验证和显示HTML元素</li>
  <li>Form Media：用来渲染表单的CSS和JavaScript资源。</li>
</ul>
<p><strong>Form Objects</strong></p>
<p>Form对象封装了一系列Field和验证规则，Form类都必须直接或间接继承自django.forms.Form，定义Form有两种方式:</p>
<p>方法一：直接继承Form</p>

<div class="htmlcode">
<pre class="brush:py;">
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)
</pre>
</div>

<p>方法二：结合Model，继承django.forms.ModelForm</p>

<div class="htmlcode">
<pre class="brush:py;">
#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中指定的字段

</pre>
</div>

<p><strong>在视图（view）中使用form</strong></p>
<p>在view函数中使用form的一般情景是：</p>
<p>view.py:</p>

<div class="htmlcode">
<pre class="brush:py;">
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})

</pre>
</div>

<p>contact.html:</p>

<div class="htmlcode">
<pre class="brush:xhtml;">
<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>
</pre>
</div>

<p><strong>处理表单数据</strong></p>
<p>form.is_valid()返回true后，表单数据都被存储在form.cleaned_data对象中（字典类型，意为经过清洗的数据），而且数据会被自动转换为Python对象，如：在form中定义了DateTimeField，那么该字段将被转换为datetime类型，还有诸如：IntegerField、FloatField</p>

<div class="htmlcode">
<pre class="brush:py;">
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

</pre>
</div>

<p>Form的简单使用方法就这些。 另：</p>
<p>在模版中显示表单的几种方式：</p>
<p>显示form找template中的方法多种多样，也可以自定义：</p>

<div class="htmlcode">
<pre class="brush:xhtml;">
<form action="/contact/" method="post">{% csrf_token %}
{{ form.as_p }}
<input type="submit" value="Submit" />
</form>
</pre>
</div>

<p>还可以使用form.as_table、form.as_ul，分别表示用<p>标签，<table>标签和<ul>表示显示表单。如果要自定义，你只要获取到每个元素的值就行：</p>

<div class="htmlcode">
<pre class="brush:xhtml;">
<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"submit" value="Send message" /></p>
</form>
</pre>
</div>

<p>每个form字段都可以使用 {{form.name_of_field}}得到。</p>
<p>也可以通过迭代form，每个迭代元素对应的是form里面的field</p>

<div class="htmlcode">
<pre class="brush:xhtml;">
<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>
</pre>
</div>

<p>{{field}}有如下属性：</p>

<div class="htmlcode">
<pre class="brush:py;">
{{field.lable}}，如：Email address
{{field.label_tag}}，如： <label for=id_email>Email address</label>
{{field.value}} 如：someone.@gmail.com
{{field.errors}}
</pre>
</div>

<p></p>
<p><strong>实例：构建表单 <br>
</strong>第一步:首先在models.py中定义一个表单模型</p>

<div class="htmlcode">
<pre class="brush:py;">
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='订阅该贴')

</pre>
</div>

<p>那个topic中的choices需要在models.py中定义一个数组.<br>
</p>

<div class="htmlcode">
<pre class="brush:py;">
TOPIC_CHOICES = (
  ('leve1', '差评'),
  ('leve2', '中评'),
  ('leve3', '好评'),
)
</pre>
</div>

<p>这样，之后在html显示的表单就采用这个模型的数据了。</p>
<p>另外还有一种定义表单模型的方式，那就是直接继承另一个models。如果我们在models里设计数据库时，已经设计好了一个类(就是数据库的表)之后想复用这个类的信息来作为表单的模型，那么很简单，同样是在models中的一个类<br>
</p>

<div class="htmlcode">
<pre class="brush:py;">
class Advertisement(models.Model): 
 #订单编号
 OrderID =  models.ForeignKey(OrderInfo)
 #//广告标题#
 Title = models.CharField(max_length = 36) 
 #//广告内容#
 Content = models.CharField(max_length = 600)
</pre>
</div>

<p>注意，他的类型是models.Model，是做数据库ORM用的。</p>
<p>然后怎么关联呢"htmlcode">
<div class="htmlcode">
<pre class="brush:py;">
from django.forms import ModelForm

class ContactForm(ModelForm):
 class Meta:
 model = Advertisement
 fields = ('Title', 'CustomerID')

</pre>
</div>

<p>这里的Advertisement就是之前那个ORM的模型。<br>
第二步：OK，继续我们的表单，下一步需要做什么呢？开始在views.py里写对表单的调用吧.<br>
def remark(request):</p>

<div class="htmlcode">
<pre class="brush:py;">
  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,
  })
</pre>
</div>

<p><br>
</p>
<p>整个代码很简单，我就不过多的解释了。</p>
<p><br>
第三步：我们知道django里任何访问都是通过urls.py来管理的。所以下面我们需要配置一个路径。</p>

<div class="htmlcode">
<pre class="brush:py;">
 (r'^message', 'iring.views.remark'),</pre>
</div>

<p>第四步：最后应该是建立一个模板的时候了，因为我们最终是输出到html上的.注意views的remark函数最后一行<br>
</p>

<div class="htmlcode">
<pre class="brush:py;">
  return render_to_response('message.html', {
    'form': form,
  })
</pre>
</div>

<p>就是讲当前的表单对象输出到message.html里，自动生成一个表单。<br>
所以，先构建一个html.<br>
这个html模板很简单，除去不必要的CSS，我只给出核心部分好啦。<br>
</p>

<div class="htmlcode">
<pre class="brush:xhtml;">
 <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>
</pre>
</div>

<div class="htmlcode">
<pre class="brush:py;">
{% for field in form %}

{% endfor %}

</pre>
</div>

<p>用于对表单对象里的元素进行遍历，然后通过<br>
</p>

<div class="htmlcode">
<pre class="brush:py;">
{{ field.label_tag }}
{{ field }} 
{{ field.errors }}
</pre>
</div>

<p>这三个标签来输出，注意{{ field.errors }}默认情况下是不会输出的，只有当验证表单正确性时才会输出内容。</p>
<p>最终我们通过:<br>
http://youdjangourl/message来访问这个例子</p>
<p><a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-08/2016621145313568.jpg');"><img src="/UploadFiles/2021-04-08/2016621145313568.jpg" alt="Python的Django框架中forms表单类的使用方法详解" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a></p>
<p><a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-08/2016621145344436.jpg');"><img src="/UploadFiles/2021-04-08/2016621145344436.jpg" alt="Python的Django框架中forms表单类的使用方法详解" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a></p>
<p><a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-08/2016621145405787.jpg');"><img src="/UploadFiles/2021-04-08/2016621145405787.jpg" alt="Python的Django框架中forms表单类的使用方法详解" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a></p></div>
</div>
            </div>
            <div class="share"> </div>
            <div class="nextinfo">
                <p>上一篇：<a href="/3g/1/193022.html" title="Python编程中实现迭代器的一些技巧小结">Python编程中实现迭代器的一些技巧小结</a></p>
                <p>下一篇：<a href="/3g/1/193024.html" title="Python正则表达式使用经典实例">Python正则表达式使用经典实例</a></p>
            </div>
            <div class="otherlink">
                <h2>最新资源</h2>
                <ul>
                     
<li><a href="/3g/1/623703.html" title="群星《奔赴！万人现场 第2期》[FLAC/分轨]">群星《奔赴！万人现场 第2期》[FLAC/分轨]</a></li>
 
<li><a href="/3g/1/623702.html" title="群星《奇妙浪一夏 (上海迪士尼度假区音乐">群星《奇妙浪一夏 (上海迪士尼度假区音乐</a></li>
 
<li><a href="/3g/1/623701.html" title="群星《奇妙浪一夏 (上海迪士尼度假区音乐">群星《奇妙浪一夏 (上海迪士尼度假区音乐</a></li>
 
<li><a href="/3g/1/623700.html" title="【古典音乐】詹姆斯·高威《季节》1993[WA">【古典音乐】詹姆斯·高威《季节》1993[WA</a></li>
 
<li><a href="/3g/1/623699.html" title="贝拉芳蒂《卡里普索之王》SACD[WAV+CUE]">贝拉芳蒂《卡里普索之王》SACD[WAV+CUE]</a></li>
 
<li><a href="/3g/1/623698.html" title="小骆驼-《草原狼2(蓝光CD)》[原抓WAV+CUE">小骆驼-《草原狼2(蓝光CD)》[原抓WAV+CUE</a></li>
 
<li><a href="/3g/1/623697.html" title="群星《欢迎来到我身边 电影原声专辑》[32">群星《欢迎来到我身边 电影原声专辑》[32</a></li>
 
<li><a href="/3g/1/623696.html" title="群星《欢迎来到我身边 电影原声专辑》[FL">群星《欢迎来到我身边 电影原声专辑》[FL</a></li>
 
<li><a href="/3g/1/623695.html" title="雷婷《梦里蓝天HQⅡ》 2023头版限量编号低">雷婷《梦里蓝天HQⅡ》 2023头版限量编号低</a></li>
 
<li><a href="/3g/1/623694.html" title="群星《2024好听新歌42》AI调整音效【WAV分">群星《2024好听新歌42》AI调整音效【WAV分</a></li>

</ul>
            </div>
        </div>
        <div class="sidebar">
            
            
        </div>
        <div class="sidebar">
            友情链接:<a href="http://www.imxmx.com/" title="杰晶网络" target="_blank">杰晶网络</a> <a href="/" title="DDR爱好者之家" target="_blank">DDR爱好者之家</a> <a href="http://www.nqxw.com/" title="南强小屋" target="_blank">南强小屋</a> <a href="http://www.paidiu.com/" title="黑松山资源网" target="_blank">黑松山资源网</a> <a href="http://www.dyhadc.com/" title="白云城资源网" target="_blank">白云城资源网</a> <a href="/sitemap1.xml">站点地图</a> <a href="/sitemap.xml">SiteMap</a>
        </div>
    </article>
    <footer>
        <p>Design by <a href="http://m.ddrfans.com">DDR爱好者之家</a> <a href="http://m.ddrfans.com">http://m.ddrfans.com</a></p>
    </footer>
    <script src="/images3g/nav.js"></script>
    <script type="text/javascript">
    jQuery.noConflict();
    jQuery(function() {
        var elm = jQuery('#left_flow2');
        var startPos = jQuery(elm).offset().top;
        jQuery.event.add(window, "scroll", function() {
            var p = jQuery(window).scrollTop();
            jQuery(elm).css('position', ((p) > startPos) ? 'fixed' : '');

jQuery(elm).css('top', ((p) > startPos) ? '0' : '');
        });
    });
    </script>
</body>

</html>