django_Form_表单初始

作者: 两点半的杂货铺 | 来源:发表于2018-02-24 20:12 被阅读145次

一、认识HTML表单

在HTML中,表单的作用是收集标签中的内容,<form>...</form> 中间可以由访问者添加类似于文本,选择,或者一些控制模块等等.然后这些内容将会被送到服务端

二、认识GET和POST

表单使用POST 方法,在这个方法中浏览器组合表单数据、对它们进行编码以用于传输、将它们发送到服务器然后接收它的响应。相反,GET 组合提交的数据为一个字符串,然后使用它来生成一个URL。 这个URL 将包含数据发送的地址以及数据的键和值。

用于改变系统状态的请求 —— 例如,给数据库带来变化的请求 —— 应该使用POST。 GET 只应该用于不会影响系统状态的请求。

三、为什么使用Django的表单

相比传统的表单提交我们为什么使用Django的,因为django会帮我们简化三个部分:

  • 准备数据、重构数据,以便下一步提交。
  • 为数据创建HTML 表单
  • 接收并处理客户端提交的表单和数据

可以手工编写代码来实现,但是Django 可以帮你完成所有这些工作。

四、django_Form表单的流程

1.在view 视图层获取
2.将它传递给模板的context
3.使用模板变量将它扩展为HTML 标记

五、基本使用django_form

  • 先引用djang的form类,编写一个类继承forms.Form如下
from django import forms
class NameForm(forms.Form):
    your_name = forms.CharField(
        label='有户名',
        max_length=100,
    )

这里要注意我们用来接受的变量名实际和页面html的标签是一一对应,如图:


image.png
  • 在对应的url函数处理我们写的form继承类

如果True 为is_valid(),我们将能够在cleaned_data 属性中找到所有合法的表单数

  • is_valid()

这里面就要说明是is_valid()用来判断,数据是否符合输入条件

  • cleaned_data

如果上面的is_valid()返回的是True 符合条件,就会返回表单提交的元素,以字典的形式返回{'html的name属性':'用户填的值'}

def index(request):
    if request.method == "POST":
        form = NameForm(request.POST)
        if form.is_valid():
            print(form.cleaned_data)
            return HttpResponse('ok')
    else:
        form = NameForm()
        return  render(request,'index.html',{'form':form})

可以从request.POST 中直接获取到对应的用户填写的数据返回

  • 在Html 模板写法

<form action="/index/" method="post">
    {% csrf_token %}
    {{ form }}
    <input type="submit" value="Submit" />
</form>
  • 快速设置html table/ul 数据展示

可以在html 后台返回的数据调用对应方法就是有对应格式展示

  • {{ form.as_table }} 以表格的形式将它们渲染在<tr> 标签中
  • {{ form.as_p }} 将它们渲染在<p> 标签中
  • {{ form.as_ul }} 将它们渲染在<li> 标签中
-----------------------------------------------------------------------------------
  • 去掉浏览器的验证机制

如果你的表单包含URLField``EmailField 或其它整数字段类型,Django 将使用numberurlemail 这样的HTML5 输入类型。 默认情况下,浏览器可能会对这些字段进行它们自身的验证,这些验证可能比Django 的验证更严格。 如果你想禁用这个行为,请设置form 标签的novalidate属性,或者指定一个不同的字段,如TextInput

相关文章

网友评论

    本文标题:django_Form_表单初始

    本文链接:https://www.haomeiwen.com/subject/iuccxftx.html