Django基础之form操作

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

内容简介: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"}))

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

查看所有标签

猜你喜欢:

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

计算机算法

计算机算法

霍罗威茨 / 机械工业 / 2006-1 / 55.00元

本书是计算机算法在设计与分析方面的一本经典著作。书中介绍了算法和算法性能的基本知识,基本的数据结构知识,重点讨论了不同的算法设计策略,研究了下界理论等,提供了计算机算法的设计技术和有效的算法分析,以及大量的详细实例和实际应用。同时,对NP难和NP完全问题能否有效求解进行了分析。本书还汇聚了各种随机算法与并行算法的充分比较。   本书为读者提供了当前流行的对象设计语言C++的实现版本,适合作为......一起来看看 《计算机算法》 这本书的介绍吧!

RGB转16进制工具
RGB转16进制工具

RGB HEX 互转工具

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具