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

 #coding:utf8

 from django.shortcuts import render,HttpResponseRedirect

 from app02 import forms,models

 # Create your views here.

 def form1(request):

     if request.method=="POST":  #这里POST一定要大写

         #获取请求内容，做验证

         f = forms.UserMessage(request.POST)  #request.POST：将接收到的数据通过forms.UserMessage验证

         if f.is_valid():  #验证请求的内容和forms.UserMessage里面的是否验证通过。通过是True，否则False。

             print(f.cleaned_data)  #cleaned_data类型是字典，里面是提交成功后的信息

         else:  #错误信息包含是否为空，或者符合正则表达式的规则

             print(type(f.errors),f.errors)  #errors类型是ErrorDict，里面是ul，li标签

             return render(request,"app02/form1.html",{"error":f.errors})

     return render(request,"app02/form1.html")

form1.html

 <!DOCTYPE html>

 <html>

 <head>

 <meta charset="UTF-8">

 <title>基础版</title>

 </head>

 <body>

     <!--{#{{ error }}接收后台返回的错误信息封装在ul，li标签里面：#}  -->

         {{ error }}

         <form action="/app02/form1/" method="POST">

             <div>

                     用户名：<input type="text" name="username" />

             </div>

             <div>

                     密&nbsp;&nbsp;码：<input type="text" name="password" />

             </div>

             <div>

                 <input type="submit" value="提交" />

             </div>

         </form>

 </body>

 </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='密码')

访问页面：

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

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

 #coding:utf8

 from django.shortcuts import render,HttpResponseRedirect

 from app02 import forms,models

 def form2(request):

     if request.method == "POST":

         f = forms.UserMessage(request.POST)

         if f.is_valid():

             print(f.cleaned_data)

         else:

             return render(request,"app02/form2.html",{"error":f.errors,"form":f})

     else:

         # 如果不是post提交数据，就不传参数创建对象，并将对象返回给前台，直接生成input标签，内容为空

         f = forms.UserMessage()

         return render(request,"app02/form2.html",{"form":f})

     return render(request,"app02/form2.html")

form2.html

 <!DOCTYPE html>

 <html>

 <head>

     <meta charset="UTF-8">

     <title>进阶版</title>

     <style>

     .input-group{

          position: relative;

          padding: 20px;

          width: 250px;

     }

     .input-group input{

          width: 200px;

          display: inline-block;

     }

     </style>

 </head>

 <body>

     <form action="/app02/form2/" method="POST">

         <div class="input-group">用户名：

            <!--   {#接收后台传过来的form对象，自动生成input标签#}-->

                 {{ form.UserName }}

            <!--   {#从后台传过来的error是字典，直接{{ error.UserName.0 }}呈现错误信息#} -->

 　　　　　　　<!--  {#如果后台返回了错误信息，将错误信息放入span标签，在页面显示，否则不显示#}-->

             {% if error.UserName.0 %}

             <span>{{ error.UserName.0 }}</span>

             {% endif %}

         </div>

         <div class="input-group">密码：

             {{ form.Password }}

             {% if error.Password.0 %}

             <span>{{ error.Password.0 }}</span>

             {% endif %}

         </div>

         <div>

             <input type="submit" value="提交" />

         </div>

     </form>

 </body>

 </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='密码')

案例三：

models.py

 #coding:Utf8

 from __future__ import unicode_literals

 from django.db import models

 from django import forms

 # Create your models here.

 class Author(models.Model):

     #作者

     name = models.CharField(max_length=100)

     age = models.IntegerField()

 class BookType(models.Model):

     #图书类型

     caption = models.CharField(max_length=64)

 class Book(models.Model):

     #图书

     name = models.CharField(max_length=64)

     pages = models.IntegerField()

     price = models.DecimalField(max_digits=10,decimal_places=2)

     pubdate = models.DateField()

     authors = models.ManyToManyField(Author)

     book_type = models.ForeignKey(BookType)

views.py

 #coding:utf8

 from django.shortcuts import render,HttpResponseRedirect

 from app02 import forms,models

 def form3(request):

     if request.method == "POST":

         f = forms.Form3(request.POST)

         if f.is_valid():

             print(f.cleaned_data)

         else:

             return render(request,"app02/form3.html",{"error":f.errors,"form":f})

     else:

         # 如果不是post提交数据，就不传参数创建对象，并将对象返回给前台，直接生成input标签，内容为空

         f = forms.Form3()

         return render(request,"app02/form3.html",{"form":f})

     return render(request,"app02/form3.html")

form3.html

 <!DOCTYPE html>

 <html>

 <head>

     <meta charset="UTF-8">

     <style>

         .input-group{

             position: relative;

             padding: 20px;

             width: 250px;

         }

         .input-group input{

             width: 200px;

             display: inline-block;

         }

         .inline-group span{

             display: inline-block;

             position: absolute;

             height: 12px;

             font-size: 8px;

             border: 1px solid red;

             background-color: coral;

             color: white;

             top: 41px;

             left: 20px;

             width: 202px;

         }

     </style>

 <title>高级版</title>

 </head>

 <body>

     <form action="/app02/form3/" method="POST">

         <div class="input-group">

             <!--{#接收后台传过来的form对象，自动生成input标签#}  -->

                 用户名：{{ form.UserName }}

             <!--{#从后台传过来的error是字典，直接{{ error.user.0 }}呈现错误信息#}  -->

             <!--{#如果后台返回了错误信息，将错误信息放入span标签，在页面显示，否则不显示#}  -->

                 {% if error.UserName.0 %}

             <span>{{ error.UserNamer.0 }}</span>

                 {% endif %}

         </div>

         <div class="input-group">

                 密码：{{ form.Password }}

                 {% if error.Password.0 %}

             <span>{{ error.Password.0 }}</span>

                 {% endif %}

         </div>

         <div class="input-group">

                 邮箱：{{ form.Email }}

                 {% if error.Email.0 %}

             <span>{{ error.Email.0 }}</span>

                 {% endif %}

         </div>

          <!--  <div class="input-group">

                 详细介绍：{{ form.Memo }}

                 {% if error.Memo.0 %}

             <span>{{ error.Memo.0 }}</span>

                 {% endif %}-->

         </div>

              <div class="input-group">

                 书籍类型：{{ form.book_type }}

                 {% if error.book_type.0 %}

             <span>{{ error.book_type.0 }}</span>

                 {% endif %}

         </div>

         <div>

             <input type="submit" value="提交" />

         </div>

     </form>

 </body>

 </html>

forms.py

 #coding:UTF8

 from django import forms

 from app02 import models

 class Form3(forms.Form):

     UserName = forms.CharField(

         widget=forms.TextInput(attrs={'class': 'c1'}),

         error_messages={'required': '用户名不能为空'},

     )

     Password = forms.CharField(max_length=4, min_length=2,required=True)

     Email = forms.EmailField(error_messages={'required': '邮箱不能为空', 'invalid': '邮箱格式错误'})

     #Memo = forms.CharField(required=False,widget=forms.Textarea())

     #直接写数据

     user_type_choice = (

          (0, '普通用户'),

          (1, '高级用户'),

     )

     #通过BookType表查询信息，values_list拿到的是元组。id作为value显示，caption作为text在页面显示

     # user_type_choice = models.BookType.objects.values_list('id', 'caption')

     book_type = forms.CharField(widget=forms.widgets.Select(choices=user_type_choice, attrs={'class': "form-control"}))

     #写上以下代码就不用担心数据库添加了数据而不能及时获取了

     def __init__(self, *args, **kwargs):

         #每次创建Form1对象时执行init方法

         super(Form3, self).__init__(*args, **kwargs)

         self.fields['book_type'] = forms.CharField(

             widget=forms.widgets.Select(choices=models.BookType.objects.values_list('id', 'caption'),

                                         attrs={'class': "form-control"}))

Django基础之form操作的更多相关文章

Django基础之jQuery操作
Django基础之jQuery操作 jquery之cookie操作定义:让网站服务器把少量数据储存到客户端的硬盘或内存,从客户端的硬盘读取数据的一种技术: 下载与引入:jquery.cookie.j ...
day 66 Django基础之jQuery操作cookie
Django基础之jQuery操作cookie jquery之cookie操作定义:让网站服务器把少量数据储存到客户端的硬盘或内存,从客户端的硬盘读取数据的一种技术: 下载与引入:jquery. ...
day 62 Django基础之jQuery操作cookie
Django基础之jQuery操作cookie jquery之cookie操作定义:让网站服务器把少量数据储存到客户端的硬盘或内存,从客户端的硬盘读取数据的一种技术: 下载与引入:jquery. ...
django基础 -- 10.form , ModelForm ,modelformset
一.生成页面可用的 HTML标签 1.form 所有内置字段 Field required=True, 是否允许为空 widget=None, HTML插件 label=None, 用于生成Label ...
Django基础之form组件
Form介绍我们之前在HTML页面中利用form表单向后端提交数据时,都会写一些获取用户输入的标签并且用form标签把它们包起来. 与此同时我们在好多场景下都需要对用户的输入做校验,比如校验用户是否 ...
Django基础之Form表单验证
Form表单验证 1.创建Form类(本质就是正则表达式的集合) from django.forms import Form from django.forms import fields from ...
Django基础之form表单
1. form介绍我们之前在HTML页面中利用form表单向后端提交数据时,都会写一些获取用户输入的标签并且用form标签把它们包起来. 与此同时, 我们在好多场景下都需要对用户的输入做校验, 比如 ...
django基础之数据库操作
Django 自称是“最适合开发有限期的完美WEB框架”.本文参考<Django web开发指南>,快速搭建一个blog 出来,在中间涉及诸多知识点,这里不会详细说明,如果你是第一次接触D ...
初学Django基础02 ORM操作
django的ORM操作之前我们知道了models.py这个文件,这个文件是用来读取数据结构的文件,每次操作数据时都走这个模块常用字段 AutoField int自增列,必须填入参数 primar ...

随机推荐

有道词典命令行查询工具（Mac/Ubuntu）
说明:此工具是基于node.js的,所以必须安装npm. 官网:https://github.com/kenshinji/yddict 安装: Mac: # 安装npm brew install np ...
Git提交项目到GitHub
一.GitHub新建项目 1.进入Github首页,点击New repository新建一个项目 2.填写相应信息后点击create即可 Repository name: 仓库名称 Descripti ...
Jmeter创建FTP测试计划
创建FTP测试计划在这一章,你将学习如何创建一个基础的测试计划来测试FTP站点.你将在一个FTP站点上的两个文件中创建四个用户来发送请求.并且,你将告诉用户运行测试两次.所以,总的请求数是(4个用户 ...
WebDriver中的Actions对象
我们可以利用Actions对象来模拟鼠标的操作以及页面的拖拽 1.模拟鼠标的双击操作: 1)模拟双击一个div,验证点击之前的字体为14号 2)点击后字体为20号 Actions builder = ...
算法之经典排序-冒泡排序(bubble sort)
冒泡排序它重复地走访过要排序的数列,一次比较两个元素,如果他们的顺序错误就把他们交换过来.走访数列的工作是重复地进行直到没有再需要交换,也就是说该数列已经排序完成. 这个算法的名字由来是因为越大的元 ...
subset II
Subsets II Given a collection of integers that might contain duplicates, nums, return all possible s ...
mysql 索引的简单使用
1 索引(index) 索引是一个单独的.物理的数据库结构, 它是某个表中一列或若干列值的集合和相应的指向表中物理标识这些值的数据页的逻辑指针清单他的作用和字典的目录是一样的,就是为了加快查询的速度 ...
13 Timer和TimerTask
下面内容转载自:http://blog.csdn.net/xieyuooo/article/details/8607220 其实就Timer来讲就是一个调度器,而TimerTask呢只是一个实现了ru ...
Java Reflect
Method method=demo.getMethod("sayChina"); method.invoke(demo.newInstance()); ...
八、阻塞等待异步结果FutureTask
一.简介默认的异步任务有些难以控制,有时候我们希望在当前线程获取异步任务的结果.FutureTask可以帮助我们实现 JDK文档:http://tool.oschina.net/uploads/ap ...

Django基础之form操作

Form表单的功能

Form相关的对象包括

Form案例验证

案例二：

案例三：

Django基础之form操作的更多相关文章

随机推荐

热门专题