Django的form表单
环境:Windows、Python2.7.13
编辑器:pycharm
使用库:django1.11.5
目标:使用定制forms在前端展示一个简单的加法运算
在很多情况下,前端页面form表单约束,并不能满足我们的需求,就需要自定义form表单,而django中也提供了form表单机制。
forms.py文件:Django提供的用于自定义表单的文件,可以取代HTML中的<form>标签,HTML的form标签没有验证功能,而forms.py中可以实现。
Django 的 forms 提供了:
模板中表单的渲染
数据的验证工作,某一些输入不合法也不会丢失已经输入的数据。
定制更复杂的验证工作
首先创建一个django项目
接着创建一个app:python manage.py startapp test1
并将app在setting中进行注册:
INSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes', 'django.contrib.sessions', 'django.contrib.messages', 'django.contrib.staticfiles', 'test1', ]在我们的test1文件夹下创建一个forms.py文件,其中定制我们的form表单。
引入forms,编写form表单验证类
from django import forms
class SumForm(forms.Form):
a = forms.IntergerField(label='number_a')
b = forms.IntergerField(label='number_b')
在views.py文件中进行views视图编写
# -*- coding: utf-8 -*- from __future__ import unicode_literals from django.shortcuts import render from django.http import HttpResponse from forms import SumForm # Create your views here. # from表单:1>action="" 用户指定响应数据的URL 2> 请求方式:仅支持GET和POST请求。 def index(request): if request.method == "POST": # 提交表单的时候 # 根据POST 请求发送的数据创建一个form对象,这种创建表单的行为称为‘绑定数据到表单’ form = SumForm(request.POST) if form.is_valid(): # 从表单中把上传的数据获取出来 # cleaned_data: 是用于存放表单提交的数据 a = form.cleaned_data['a'] b = form.cleaned_data['b'] return HttpResponse(str(int(a) + int(b))) else: # 如果是GET请求,就创建一个没有数据的表单 form = SumForm() # 需要把空表单渲染到index.html中 return render(request, 'index.html', {'form': form})在templates文件夹下,创建index.html文件
index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>计算</title> </head> <body> <p>请输入两个数字</p> <form action="" method="POST"> {# 1.csrf(跨站请求伪造攻击) 2.xss(跨站脚本攻击) #} {% csrf_token %} {{ form }} <input type="submit" value="计算"> </form> </body> </html>在urls.py 文件中进行路由的配置:
from django.conf.urls import url from django.contrib import admin from test1 import views as test_views urlpatterns = [ url(r'^admin/', admin.site.urls), url(r'^$', test_views.index), ]运行项目:python manage.py runserver
就会发现我们在forms.py文件中自定义的验证起作用了。