内容简介：Django教程（三） Django表单Form
###目录：
- Django教程（一）- Django视图与网址
- Django教程（二）- Django视图与网址进阶
- Django教程（三）- Django表单Form
- Django教程（四）- Django模板及进阶
- Django模型(数据库)及Django Query常用方法
- Django教程（五）- 上传及显示
- Django实战（一）- 搭建简单的博客系统
- Django实战（二）- 创建一个课程选择系统
#1.Form 基本使用 django中的Form组件有以下几个功能：
- 生成HTML标签
- 验证用户数据（显示错误信息）
- HTML Form提交保留上次提交数据
- 初始化页面显示内容
#2.Form中字段及插件 创建Form类时，主要涉及到 【字段】 和 【插件】，字段用于对用户请求数据的验证，插件用于自动生成HTML;
####1.Django内置字段如下：
- Field:
required=True, 是否允许为空
widget=None, HTML插件
label=None, 用于生成Label标签或显示内容
initial=None, 初始值
help_text='', 帮助信息(在标签旁边显示)
error_messages=None, 错误信息 {'required': '不能为空', 'invalid': '格式错误'}
show_hidden_initial=False, 是否在当前插件后面再加一个隐藏的且具有默认值的插件（可用于检验两次输入是否一直）
validators=[], 自定义验证规则
localize=False, 是否支持本地化（根据不同语言地区访问用户显示不同语言）
disabled=False, 是否可以编辑
label_suffix=None Label内容后缀
- CharField(Field)
max_length=None, 最大长度 min_length=None, 最小长度 strip=True 是否移除用户输入空白
- IntegerField(Field), FloatField(IntegerField)
max_value=None, 最大值 min_value=None, 最小值
- DecimalField(IntegerField) 小数，举例，涉及金钱计算保留小数点后两位
max_value=None, 最大值 min_value=None, 最小值 max_digits=None, 总长度 decimal_places=None, 小数位长度
- BaseTemporalField(Field)
input_formats=None 时间格式化
DateField(BaseTemporalField) 格式：2015-09-01 TimeField(BaseTemporalField) 格式：11:12 DateTimeField(BaseTemporalField)格式：2015-09-01 11:12 DurationField(Field) 时间间隔：%d %H:%M:%S.%f
- RegexField(CharField)
regex, 自定制正则表达式
max_length=None, 最大长度
min_length=None, 最小长度
error_message=None, 忽略，错误信息使用 error_messages={'invalid': '...'}
EmailField(CharField) ...
- FileField(Field)
allow_empty_file=False 是否允许空文件
- ImageField(FileField)
... 注：需要PIL模块，pip install Pillow 以上两个字典使用时，需要注意两点： - form表单中 enctype="multipart/form-data" - view函数中 obj = MyForm(request.POST, request.FILES)
URLField(Field)... BooleanField(Field)... NullBooleanField(BooleanField)...
- ChoiceField(Field)
choices=(), 选项，如：choices = ((0,'上海'),(1,'北京'),) required=True, 是否必填 widget=None, 插件，默认select插件 label=None, Label内容 initial=None, 初始值 help_text='', 帮助提示
- TypedChoiceField(ChoiceField)
coerce = lambda val: val 对选中的值进行一次转换，通过lambda函数实现 empty_value= '' 空值的默认值
-
MultipleChoiceField(ChoiceField)多选框...
-
TypedMultipleChoiceField(MultipleChoiceField)
coerce = lambda val: val 对选中的每一个值进行一次转换 empty_value= '' 空值的默认值
- ComboField(Field)
fields=() 使用多个验证，如下：即验证最大长度20，又验证邮箱格式 fields.ComboField(fields=[fields.CharField(max_length=20), fields.EmailField(),])
-
MultiValueField(Field)：抽象类，子类中可以实现聚合多个字典去匹配一个值，要配合MultiWidget使用，提供接口，需要自己实现
-
SplitDateTimeField(MultiValueField)
input_date_formats=None, 格式列表：['%Y--%m--%d', '%m%d/%Y', '%m/%d/%y'] input_time_formats=None 格式列表：['%H:%M:%S', '%H:%M:%S.%f', '%H:%M']
- FilePathField(ChoiceField) 文件选项，目录下文件显示在页面中
path, 文件夹路径 match=None, 正则匹配 recursive=False, 递归下面的文件夹 allow_files=True, 允许文件 allow_folders=False, 允许文件夹 required=True, widget=None, label=None, initial=None, help_text=''
- GenericIPAddressField
protocol='both', both,ipv4,ipv6支持的IP格式 unpack_ipv4=False 解析ipv4地址，如果是::ffff:192.0.2.1时候，可解析为192.0.2.1， PS：protocol必须为both才能启用
-
**SlugField(CharField) ：**数字，字母，下划线，减号（连字符）
-
**UUIDField(CharField) ：**uuid类型
import uuid
# make a UUID based on the host ID and current time
>>> uuid.uuid1() # doctest: +SKIP
UUID('a8098c1a-f86e-11da-bd1a-00112444be1e')
# make a UUID using an MD5 hash of a namespace UUID and a name
>>> uuid.uuid3(uuid.NAMESPACE_DNS, 'python.org')
UUID('6fa459ea-ee8a-3ca4-894e-db77e160355e')
# make a random UUID
>>> uuid.uuid4() # doctest: +SKIP
UUID('16fd2706-8baf-433b-82eb-8c7fada847da')
# make a UUID using a SHA-1 hash of a namespace UUID and a name
>>> uuid.uuid5(uuid.NAMESPACE_DNS, 'python.org')
UUID('886313e1-3b8a-5372-9b90-0c9aee199e5d')
# make a UUID from a string of hex digits (braces and hyphens ignored)
>>> x = uuid.UUID('{00010203-0405-0607-0809-0a0b0c0d0e0f}')
# convert a UUID to a string of hex digits in standard form
>>> str(x)
'00010203-0405-0607-0809-0a0b0c0d0e0f'
# get the raw 16 bytes of the UUID
>>> x.bytes
b'\x00\x01\x02\x03\x04\x05\x06\x07\x08\t\n\x0b\x0c\r\x0e\x0f'
# make a UUID from a 16-byte string
>>> uuid.UUID(bytes=x.bytes)
UUID('00010203-0405-0607-0809-0a0b0c0d0e0f')
- Django内置插件：
TextInput(Input) #input type="text" NumberInput(TextInput) # 数字输入框 EmailInput(TextInput) # 邮箱输入框 URLInput(TextInput) # url输入框 PasswordInput(TextInput) # 密码输入框 HiddenInput(TextInput) # 隐藏输入框 Textarea(Widget) # textarea文本区 DateInput(DateTimeBaseInput) # 日期输入框 DateTimeInput(DateTimeBaseInput) # 日期时间输入框 TimeInput(DateTimeBaseInput) # 时间输入框 CheckboxInput # 多选框 Select # 下拉框 NullBooleanSelect # 非空布尔值下拉框 SelectMultiple # 多选下拉框 RadioSelect # 单选框 CheckboxSelectMultiple # 多选checkbox ？？？ FileInput # 文件上传 ClearableFileInput MultipleHiddenInput # 多隐藏输入框 SplitDateTimeWidget # 时间分割框（两个input框） SplitHiddenDateTimeWidget SelectDateWidget
- 常用的选择插件
# 单radio，值为字符串 # user = fields.CharField( # initial=2, # widget=widgets.RadioSelect(choices=((1,'上海'),(2,'北京'),)) # ) # 单radio，值为字符串 # user = fields.ChoiceField( # choices=((1, '上海'), (2, '北京'),), # initial=2, # widget=widgets.RadioSelect # ) # 单select，值为字符串 # user = fields.CharField( # initial=2, # widget=widgets.Select(choices=((1,'上海'),(2,'北京'),)) # ) # 单select，值为字符串 # user = fields.ChoiceField( # choices=((1, '上海'), (2, '北京'),), # initial=2, # widget=widgets.Select # ) # 多选select，值为列表 # user = fields.MultipleChoiceField( # choices=((1,'上海'),(2,'北京'),), # initial=[1,], # widget=widgets.SelectMultiple # ) # 单checkbox # user = fields.CharField( # widget=widgets.CheckboxInput() # ) # 多选checkbox,值为列表 # user = fields.MultipleChoiceField( # initial=[2, ], # choices=((1, '上海'), (2, '北京'),), # widget=widgets.CheckboxSelectMultiple # )
Django模版加减乘除：
Django模版加法：
{{ value|add:10}}
value=5，则返回15 Django模版减法：
{{value|add:-10}}
value=5，则返回-5，这个比较好理解，减法就是加一个负数 Django模版乘法：
{% widthratio 5 1 100 %}
上面的代码表示：5/1 *100，返回500，widthratio需要三个参数，它会使用 参数1/参数2*参数3，所以要进行乘法的话，就将参数2=1即可 Django模版除法
view sourceprint?
{% widthratio 5 100 1 %}
上面的代码表示：5/100*1，返回0.05，只需要将第三个参数设置为1即可
#3.通过Django表单Form来完成需求 ###1.根据用户填写表单的不同跳往不同的页面 1.先创建app项目名:djangoform
2.app下创建文件夹djangoform,并建立表单 form1.py
# -*- coding:utf8 -*-
from django.forms import Form
from django.forms import widgets # 插件
from django.forms import fields # 字段
class webpage(Form):
page = fields.CharField()
3.app下创建templates文件夹，并创建不同的html网页
- index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>首页</title>
</head>
<body>
<form action="" method="post">
{% csrf_token %}
请选择要进入的页面：{{ web.page }}
<input type="submit" value="提交">
</form>
</body>
</html>
- page1.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>page1</title>
</head>
<body>
Page1:一颦一笑一伤悲,一生痴迷一世醉.
</body>
</html>
- page2.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>page2</title>
</head>
<body>
Page2:一嗟一叹一轮回,一寸相思一寸灰.
</body>
</html>
其他几个网页类似 4.建立视图views.py
# -*- coding: utf-8 -*-
from __future__ import unicode_literals
from django.shortcuts import render,redirect
from django.http import HttpResponse
from djangoform import form1
# Create your views here.
def indexPage(request):
if request.method == "GET":
webPage=form1.webpage()
return render(request,'index.html',{'web':webPage})
elif request.method == "POST":
webPage = form1.webpage(request.POST,request.FILES)
if webPage.is_valid():
values = webPage.clean()
print(values)
if values['page'] == '1':
return render(request, 'page1.html', {'web': webPage})
elif values['page']== '2':
return render(request, 'page2.html', {'web': webPage})
elif values['page']== '3':
return render(request, 'page3.html', {'web': webPage})
else:
errors = webPage.errors
print(errors)
return render(request, 'index.html', {'web': webPage})
else:
return redirect('http://www.baidu.com')
def index(request):
if request.method == "GET":
obj = forms.MyForm() # 没有值，在页面上渲染form中的标签
return render(request, 'index.html', {'form': obj})
elif request.method == "POST":
obj = forms.MyForm(request.POST, request.FILES) # 将post提交过来的数据作为参数传递给自定义的Form类
if obj.is_valid(): # obj.is_valid()返回一个bool值，如果检查通过返回True，否则返回False
values = obj.clean() # 拿到处理后的所有数据，键值对的形式
print(values)
else:
errors = obj.errors # 拿到未通过的错误信息，里面封装的都是对象
print(errors)
return render(request, 'index.html', {'form': obj})
else:
return redirect('http://www.baidu.com')
5.定义视图函数相关的·urls.py·
from django.conf.urls import include, url
from django.contrib import admin
from . import views
urlpatterns = [
url(r'^page/',views.indexPage,),
]
6.把我们新定义的app加到settings.py中的INSTALL_APPS中和urls中，详情见 Django教程（一）- Django视图与网址
效果展示：
##2.在网页上打印9*9乘法表
- home.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>九九乘法表</title>
</head>
<body>
{% for i in list %}
{% for j in list %}
{% if j <= i %}
{{i}}*{{j}}={% widthratio j 1 i %}
{% endif %}
{% endfor %}<br>
{% endfor %}
</body>
</html>
- views.py
# -*- coding: utf-8 -*-
from __future__ import unicode_literals
from django.shortcuts import render
# Create your views here.
def home(request):
list= [1,2,3,4,5,6,7,8,9,]
return render(request,'home.html',{'list':list})
- urls.py
from django.conf.urls import url
from . import views
urlpatterns=[
url(r'^home/$',views.home,name='home',)
]
效果展示：
##3.在网页上打印1-100之间的偶数 先了解下 python 中map函数
>>> map(str, range(5)) #对range(5)各项进行str操作 ['0', '1', '2', '3', '4'] #返回列表 >>> def add(n):return n+n ... >>> map(add, range(5)) #对range(5)各项进行add操作 [0, 2, 4, 6, 8] >>> map(lambda x:x+x,range(5)) #lambda 函数，各项+本身 [0, 2, 4, 6, 8] >>> map(lambda x:x+1,range(10)) #lambda 函数，各项+1 [1, 2, 3, 4, 5, 6, 7, 8, 9, 10] >>> map(add,'zhoujy') ['zz', 'hh', 'oo', 'uu', 'jj', 'yy'] #想要输入多个序列，需要支持多个参数的函数，注意的是各序列的长度必须一样，否则报错： >>> def add(x,y):return x+y ... >>> map(add,'zhoujy','Python') ['zP', 'hy', 'ot', 'uh', 'jo', 'yn'] >>> def add(x,y,z):return x+y+z ... >>> map(add,'zhoujy','Python','test') #'test'的长度比其他2个小 Traceback (most recent call last): File "<stdin>", line 1, in <module> TypeError: add() takes exactly 2 arguments (3 given) >>> map(add,'zhoujy','Python','testop') ['zPt', 'hye', 'ots', 'uht', 'joo', 'ynp']
- views.py
# -*- coding: utf-8 -*-
from __future__ import unicode_literals
from django.shortcuts import render
# Create your views here.
def even(request):
list = map(str,range(100)) #对range(100)各项进行str操作
return render(request,'even.html',{'list':list})
- urls.py
from django.conf.urls import url
from . import views
urlpatterns=[
url(r'^even/$',views.even,name='even',)
]
- even.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>1-100之间的偶数</title>
</head>
<body>
{% for item in list %}
{% if forloop.counter|divisibleby:2 %}{{forloop.counter}} {% if not forloop.last %},{% endif %} {% endif %}
{% endfor %}
</body>
</html>
效果如下：
#4.自定义验证验证规则
- 方式1：在字段中自定义validators设计正则匹配
from django.forms import Form
from django.forms import widgets
from django.forms import fields
from django.core.validators import RegexValidator
class MyForm(Form):
user = fields.CharField(
validators=[RegexValidator(r'^[0-9]+$', '请输入数字'), RegexValidator(r'^159[0-9]+$', '数字必须以159开头')],
)
- 方式2：自定义规则函数处理数据
import re
from django.forms import Form
from django.forms import widgets
from django.forms import fields
from django.core.exceptions import ValidationError
# 自定义验证规则
def mobile_validate(value):
mobile_re = re.compile(r'^(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$')
if not mobile_re.match(value):
raise ValidationError('手机号码格式错误')
class PublishForm(Form):
title = fields.CharField(max_length=20,
min_length=5,
error_messages={'required': '标题不能为空',
'min_length': '标题最少为5个字符',
'max_length': '标题最多为20个字符'},
widget=widgets.TextInput(attrs={'class': "form-control",
'placeholder': '标题5-20个字符'}))
# 使用自定义验证规则
phone = fields.CharField(validators=[mobile_validate, ],
error_messages={'required': '手机不能为空'},
widget=widgets.TextInput(attrs={'class': "form-control",
'placeholder': u'手机号码'}))
email = fields.EmailField(required=False,
error_messages={'required': u'邮箱不能为空','invalid': u'邮箱格式错误'},
widget=widgets.TextInput(attrs={'class': "form-control", 'placeholder': u'邮箱'}))
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持 码农网
猜你喜欢:
- 表单 – 避免Symfony强制显示表单字段
- 细说 Angular 2+ 的表单（二）：响应式表单
- 8款最新CSS3表单 环形表单很酷
- 动态表单 form-create 2.5 版本来啦，帮你轻松搞定表单
- 开源 | vue-form-making：基于 Vue 的表单设计器，让表单开发简单而高效
- 表单验证(AngularJs)
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
Cascading Style Sheets 2.0 Programmer's Reference
Eric A. Meyer / McGraw-Hill Osborne Media / 2001-03-20 / USD 19.99
The most authoritative quick reference available for CSS programmers. This handy resource gives you programming essentials at your fingertips, including all the new tags and features in CSS 2.0. You'l......一起来看看 《Cascading Style Sheets 2.0 Programmer's Reference》 这本书的介绍吧!
