# 第一节:表单概述
# 表单:
## HTML中的表单:
单纯从前端的`html`来说,表单是用来提交数据给服务器的,不管后台的服务器用的是`Django`还是`PHP`语言还是其他语言。只要把`input`标签放在`form`标签中,然后再添加一个提交按钮,那么以后点击提交按钮,就可以将`input`标签中对应的值提交给服务器了。
## Django中的表单:
`Django`中的表单丰富了传统的`HTML`语言中的表单。在`Django`中的表单,主要做以下两件事:
1. 渲染表单模板。
2. 表单验证数据是否合法。
## Django中表单使用流程:
在讲解`Django`表单的具体每部分的细节之前。我们首先先来看下整体的使用流程。这里以一个做一个留言板为例。首先我们在后台服务器定义一个表单类,继承自`django.forms.Form`。示例代码如下:
```
<pre class="calibre12">```
<span class="hljs-title"># forms.py</span>
<span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">MessageBoardForm</span><span class="hljs-params">(forms.Form)</span>:</span>
title = forms.CharField(max_length=<span class="hljs-params">3</span>,label=<span class="hljs-string">'标题'</span>,min_length=<span class="hljs-params">2</span>,error_messages={<span class="hljs-string">"min_length"</span>:<span class="hljs-string">'标题字符段不符合要求!'</span>})
content = forms.CharField(widget=forms.Textarea,label=<span class="hljs-string">'内容'</span>)
email = forms.EmailField(label=<span class="hljs-string">'邮箱'</span>)
reply = forms.BooleanField(required=<span class="hljs-keyword">False</span>,label=<span class="hljs-string">'回复'</span>)
```
```
然后在视图中,根据是`GET`还是`POST`请求来做相应的操作。如果是`GET`请求,那么返回一个空的表单,如果是`POST`请求,那么将提交上来的数据进行校验。示例代码如下:
```
<pre class="calibre12">```
<span class="hljs-title"># views.py</span>
<span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">IndexView</span><span class="hljs-params">(View)</span>:</span>
<span class="hljs-function"><span class="hljs-keyword">def</span> <span class="hljs-title">get</span><span class="hljs-params">(self,request)</span>:</span>
form = MessageBoardForm()
<span class="hljs-keyword">return</span> render(request,<span class="hljs-string">'index.html'</span>,{<span class="hljs-string">'form'</span>:form})
<span class="hljs-function"><span class="hljs-keyword">def</span> <span class="hljs-title">post</span><span class="hljs-params">(self,request)</span>:</span>
form = MessageBoardForm(request.POST)
<span class="hljs-keyword">if</span> form.is_valid():
title = form.cleaned_data.get(<span class="hljs-string">'title'</span>)
content = form.cleaned_data.get(<span class="hljs-string">'content'</span>)
email = form.cleaned_data.get(<span class="hljs-string">'email'</span>)
reply = form.cleaned_data.get(<span class="hljs-string">'reply'</span>)
<span class="hljs-keyword">return</span> HttpResponse(<span class="hljs-string">'success'</span>)
<span class="hljs-keyword">else</span>:
print(form.errors)
<span class="hljs-keyword">return</span> HttpResponse(<span class="hljs-string">'fail'</span>)
```
```
在使用`GET`请求的时候,我们传了一个`form`给模板,那么以后模板就可以使用`form`来生成一个表单的`html`代码。在使用`POST`请求的时候,我们根据前端上传上来的数据,构建一个新的表单,这个表单是用来验证数据是否合法的,如果数据都验证通过了,那么我们可以通过`cleaned_data`来获取相应的数据。在模板中渲染表单的`HTML`代码如下:
```
<pre class="calibre12">```
<span class="hljs-tag"><<span class="hljs-class">form</span> <span class="hljs-class">action</span>=<span class="hljs-string">""</span> <span class="hljs-class">method</span>=<span class="hljs-string">"post"</span>></span>
<span class="hljs-tag"><<span class="hljs-class">table</span>></span>
<span class="hljs-tag"><<span class="hljs-class">tr</span>></span>
<span class="hljs-tag"><<span class="hljs-class">td</span>></span><span class="hljs-tag"></<span class="hljs-class">td</span>></span>
<span class="hljs-tag"><<span class="hljs-class">td</span>></span><span class="hljs-tag"><<span class="hljs-class">input</span> <span class="hljs-class">type</span>=<span class="hljs-string">"submit"</span> <span class="hljs-class">value</span>=<span class="hljs-string">"提交"</span>></span><span class="hljs-tag"></<span class="hljs-class">td</span>></span>
<span class="hljs-tag"></<span class="hljs-class">tr</span>></span>
<span class="hljs-tag"></<span class="hljs-class">table</span>></span>
<span class="hljs-tag"></<span class="hljs-class">form</span>></span>
```
```
我们在最外面给了一个`form`标签,然后在里面使用了`table`标签来进行美化,在使用`form`对象渲染的时候,使用的是`table`的方式,当然还可以使用`ul`的方式(`as_ul`),也可以使用`p`标签的方式(`as_p`),并且在后面我们还加上了一个提交按钮。这样就可以生成一个表单了
- Introduction
- 第一章:学前准备
- 第一节:虚拟环境
- 第二节:准备工作
- 第三节:Django介绍
- 第四节:URL组成部分
- 第二章:URL与视图
- 第一节:第一个Django项目
- 第二节:视图与URL分发器
- 第三章:模板
- 第一节:模板介绍
- 第二节:模板变量
- 第三节:常用标签
- 第四节:常用过滤器
- 第五节:自定义过滤器
- 第七节:模版结构优化
- 第八节:加载静态文件
- 第四章:数据库
- 第一节:MySQL相关软件
- 第二节:数据库操作
- 第三节:ORM模型
- 第四节:模型常用字段
- 第五节:外键和表关系
- 第六节:增删改查操作
- 第七节:查询操作
- 第八节:QuerySet API
- 第九节:ORM模型迁移
- 第十节:ORM作业
- 第十一节:ORM作业参考答案
- 第十二节:Pycharm连接数据库
- 第五章:视图高级
- 第一节:限制请求method
- 第二节:页面重定向
- 第三节:HttpRequest对象
- 第四节:HttpResponse对象
- 第五节:生成CSV文件
- 第六节:类视图
- 第七节:错误处理
- 第六章:表单
- 第一节:表单概述
- 第二节:用表单验证数据
- 第三节:ModelForm
- 第四节:文件上传
- 第七章:cookie和session
- 第八章:上下文处理器和中间件
- 第一节:上下文处理器
- 第二节:中间件
- 第九章:安全
- 第一节:CSRF攻击
- 第二节:XSS攻击
- 第三节:点击劫持攻击
- 第四节:SQL注入
- 第十章:信号
- 第一节:什么是信号
- 第十一章:验证和授权
- 第一节:概述
- 第二节:用户对象
- 第三节:权限和分组
- 第十二章:Admin系统
- 第十三章:Django的缓存
- 第十四章:memcached
- 第十五章:Redis