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"}))

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

查看所有标签

猜你喜欢:

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

Docker从入门到实战

Docker从入门到实战

黄靖钧 / 机械工业出版社 / 2017-6 / 69.00元

本书从Docker的相关概念与基础知识讲起,结合实际应用,通过不同开发环境的实战例子,详细介绍了Docker的基础知识与进阶实战的相关内容,以引领读者快速入门并提高。 本书共19章,分3篇。第1篇容器技术与Docker概念,涵盖的内容有容器技术、Docker简介、安装Docker等。第2篇Docker基础知识,涵盖的内容有Docker基础、Docker镜像、Dockerfile文件、Dock......一起来看看 《Docker从入门到实战》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

MD5 加密
MD5 加密

MD5 加密工具

SHA 加密
SHA 加密

SHA 加密工具