Django基础之form操作

栏目: Python · 发布时间: 6年前

内容简介:Django基础之form操作

Form表单的功能

  • 自动生成HTML表单元素
  • 检查表单数据的合法性
  • 如果验证错误,重新显示表单(数据不会重置)
  • 数据类型转换(字符类型的数据转换成相应的 Python 类型)

Form相关的对象包括

  • Widget:用来渲染成HTML元素的工具,如:forms.Textarea对应HTML中的<textarea>标签
  • Field:Form对象中的一个字段,如:EmailField表示email字段,如果这个字段不是有效的email格式,就会产生错误。
  • Form:一系列Field对象的集合,负责验证和显示HTML元素
  • Form Media:用来渲染表单的CSS和JavaScript资源。

Form案例验证

前端:form表单

后台:创建form类,当请求到来时,先匹配,匹配出正确和错误信息。

案例一:

views.py

 1 #coding:utf8
 2 from django.shortcuts import render,HttpResponseRedirect
 3 from app02 import forms,models
 4 
 5 # Create your views here.
 6 def form1(request):
 7     if request.method=="POST":  #这里POST一定要大写
 8         #获取请求内容,做验证
 9         f = forms.UserMessage(request.POST)  #request.POST:将接收到的数据通过forms.UserMessage验证
10         if f.is_valid():  #验证请求的内容和forms.UserMessage里面的是否验证通过。通过是True,否则False。
11             print(f.cleaned_data)  #cleaned_data类型是字典,里面是提交成功后的信息
12         else:  #错误信息包含是否为空,或者符合正则表达式的规则
13             print(type(f.errors),f.errors)  #errors类型是ErrorDict,里面是ul,li标签
14             return render(request,"app02/form1.html",{"error":f.errors})
15     return render(request,"app02/form1.html")

form1.html

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta charset="UTF-8">
 5 <title>基础版</title>
 6 </head>
 7 <body>
 8     <!--{#{{ error }}接收后台返回的错误信息封装在ul,li标签里面:#}  -->
 9         {{ error }}
10         <form action="/app02/form1/" method="POST">
11             <div>
12                     用户名:<input type="text" name="username" />
13             </div>
14             <div>
15                     密  码:<input type="text" name="password" />
16             </div>
17             <div>
18                 <input type="submit" value="提交" />
19             </div>
20         </form>
21 </body>
22 </html>

forms.py

#coding:UTF8
from django import forms
from app02 import models
class UserMessage(forms.Form):
    UserName = forms.CharField(max_length=100,label='用户名')
    Password = forms.CharField(max_length=100,label='密码')

访问页面:

没有输入内容后提交,通过模板语言展示了错误信息

Django基础之form操作

form验证时不用自定义错误信息就可以返回错误信息到前端以标签方式展现。

.is_valid():返回True或者False

.cleaned_data:通过验证后的数据

errors:

.error.get("user",None)error封装所有的错误信息,如果没有获取到,默认为None。

.error.get["pwd"]直接获取到ul、li。

如下:

(<class 'django.forms.utils.ErrorDict'>, {'UserName': [u'This field is required.'], 'Password': [u'This field is required.']})

案例二:

views.py

 1 #coding:utf8
 2 from django.shortcuts import render,HttpResponseRedirect
 3 from app02 import forms,models
 4 
 5 def form2(request):
 6     if request.method == "POST":
 7         f = forms.UserMessage(request.POST)
 8         if f.is_valid():
 9             print(f.cleaned_data)
10         else:
11             return render(request,"app02/form2.html",{"error":f.errors,"form":f})
12     else:
13         # 如果不是post提交数据,就不传参数创建对象,并将对象返回给前台,直接生成input标签,内容为空
14         f = forms.UserMessage()
15         return render(request,"app02/form2.html",{"form":f})
16     return render(request,"app02/form2.html")

form2.html

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>进阶版</title>
 6     <style>
 7     .input-group{
 8          position: relative;
 9          padding: 20px;
10          width: 250px;
11     }
12     .input-group input{
13          width: 200px;
14          display: inline-block;
15     }   
16     </style>
17 </head>
18 <body>
19     <form action="/app02/form2/" method="POST">
20         <div class="input-group">用户名:
21            <!--   {#接收后台传过来的form对象,自动生成input标签#}-->
22                 {{ form.UserName }}
23            <!--   {#从后台传过来的error是字典,直接{{ error.UserName.0 }}呈现错误信息#} -->
24        <!--  {#如果后台返回了错误信息,将错误信息放入span标签,在页面显示,否则不显示#}-->
25             {% if error.UserName.0 %}
26             <span>{{ error.UserName.0 }}</span>
27             {% endif %}
28         </div>
29         <div class="input-group">密码:
30             {{ form.Password }}
31             {% if error.Password.0 %}
32             <span>{{ error.Password.0 }}</span>
33             {% endif %}
34         </div>
35         <div>
36             <input type="submit" value="提交" />
37         </div>
38     </form>
39 </body>
40 </html>

forms.py

1 #coding:UTF8
2 from django import forms
3 from app02 import models
4 class UserMessage(forms.Form):
5     UserName = forms.CharField(max_length=100,label='用户名')
6     Password = forms.CharField(max_length=100,label='密码')

案例三:

models.py

 1 #coding:Utf8
 2 from __future__ import unicode_literals
 3 
 4 from django.db import models
 5 from django import forms
 6 
 7 # Create your models here.
 8 class Author(models.Model):
 9     #作者
10     name = models.CharField(max_length=100)
11     age = models.IntegerField()
12 
13 class BookType(models.Model):
14     #图书类型
15     caption = models.CharField(max_length=64)
16 
17 class Book(models.Model):
18     #图书
19     name = models.CharField(max_length=64)
20     pages = models.IntegerField()
21     price = models.DecimalField(max_digits=10,decimal_places=2)
22     pubdate = models.DateField()
23 
24     authors = models.ManyToManyField(Author)
25     book_type = models.ForeignKey(BookType)

views.py

 1 #coding:utf8
 2 from django.shortcuts import render,HttpResponseRedirect
 3 from app02 import forms,models
 4 
 5 def form3(request):
 6     if request.method == "POST":
 7         f = forms.Form3(request.POST)
 8         if f.is_valid():
 9             print(f.cleaned_data)
10         else:
11             return render(request,"app02/form3.html",{"error":f.errors,"form":f})
12     else:
13         # 如果不是post提交数据,就不传参数创建对象,并将对象返回给前台,直接生成input标签,内容为空
14         f = forms.Form3()
15         return render(request,"app02/form3.html",{"form":f})
16     return render(request,"app02/form3.html")

form3.html

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="UTF-8">
 5     <style>
 6         .input-group{
 7             position: relative;
 8             padding: 20px;
 9             width: 250px;
10         }
11         .input-group input{
12             width: 200px;
13             display: inline-block;
14         }
15         .inline-group span{
16             display: inline-block;
17             position: absolute;
18             height: 12px;
19             font-size: 8px;
20             border: 1px solid red;
21             background-color: coral;
22             color: white;
23             top: 41px;
24             left: 20px;
25             width: 202px;
26         }
27     </style>
28 <title>高级版</title>
29 </head>
30 <body>
31     <form action="/app02/form3/" method="POST">
32         <div class="input-group">
33             <!--{#接收后台传过来的form对象,自动生成input标签#}  -->
34                 用户名:{{ form.UserName }}
35             <!--{#从后台传过来的error是字典,直接{{ error.user.0 }}呈现错误信息#}  -->
36             <!--{#如果后台返回了错误信息,将错误信息放入span标签,在页面显示,否则不显示#}  -->
37                 {% if error.UserName.0 %}
38             <span>{{ error.UserNamer.0 }}</span>
39                 {% endif %}
40         </div>
41         <div class="input-group">
42                 密码:{{ form.Password }}
43                 {% if error.Password.0 %}
44             <span>{{ error.Password.0 }}</span>
45                 {% endif %}
46         </div>
47         <div class="input-group">
48                 邮箱:{{ form.Email }}
49                 {% if error.Email.0 %}
50             <span>{{ error.Email.0 }}</span>
51                 {% endif %}
52         </div>
53          <!--  <div class="input-group">
54                 详细介绍:{{ form.Memo }}
55                 {% if error.Memo.0 %}
56             <span>{{ error.Memo.0 }}</span>
57                 {% endif %}-->
58         </div>
59              <div class="input-group">
60                 书籍类型:{{ form.book_type }}
61                 {% if error.book_type.0 %}
62             <span>{{ error.book_type.0 }}</span>
63                 {% endif %}
64         </div>
65 
66         <div>
67             <input type="submit" value="提交" />
68         </div>
69     </form>
70 </body>
71 </html>

forms.py

 1 #coding:UTF8
 2 from django import forms
 3 from app02 import models
 4 
 5 class Form3(forms.Form):
 6     UserName = forms.CharField(
 7         widget=forms.TextInput(attrs={'class': 'c1'}),
 8         error_messages={'required': '用户名不能为空'}, 
 9     )
10     Password = forms.CharField(max_length=4, min_length=2,required=True)
11     Email = forms.EmailField(error_messages={'required': '邮箱不能为空', 'invalid': '邮箱格式错误'})
12 
13     #Memo = forms.CharField(required=False,widget=forms.Textarea())
14     #直接写数据
15     user_type_choice = (
16          (0, '普通用户'),
17          (1, '高级用户'),
18     )
19     #通过BookType表查询信息,values_list拿到的是元组。id作为value显示,caption作为text在页面显示
20     # user_type_choice = models.BookType.objects.values_list('id', 'caption')
21     book_type = forms.CharField(widget=forms.widgets.Select(choices=user_type_choice, attrs={'class': "form-control"}))
22 
23     
24     #写上以下代码就不用担心数据库添加了数据而不能及时获取了
25     def __init__(self, *args, **kwargs):
26         #每次创建Form1对象时执行init方法
27         super(Form3, self).__init__(*args, **kwargs)
28 
29         self.fields['book_type'] = forms.CharField(
30             widget=forms.widgets.Select(choices=models.BookType.objects.values_list('id', 'caption'),
31                                         attrs={'class': "form-control"}))

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

设计方法卡牌

设计方法卡牌

罗莎 等 / 电子工业出版社 / 2017-7 / 79.00

本套设计素材提供了54种设计方法,以卡牌的形式展示给读者,每张卡牌包括该设计方法的基本描述、目的、时间成本、工具渠道、使用阶段、操作步骤及其归类属性等信息。在做设计时,可以根据自己的需求进行卡牌的选择和组合,让设计工作更有灵活性和趣味性。同时,依据设计产品属性的不同,卡牌提供了选择设计方法的推荐模板、方法组合模板、产品阶段划分模板,给初学者在做设计时提供一定的理论依据,帮助读者启发设计灵感,剖析设......一起来看看 《设计方法卡牌》 这本书的介绍吧!

JS 压缩/解压工具
JS 压缩/解压工具

在线压缩/解压 JS 代码

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

Base64 编码/解码
Base64 编码/解码

Base64 编码/解码