9.24 Django Form组件
2018-9-23 20:10:04
这两天优化了自己图书管理系统
github 连接:https://github.com/TrueNewBee/pythonDemo
顺便整理了博客,写了好多总结,都发表自己博客文章了
放上连接 https://www.cnblogs.com/zhen1996/category/1306698.html
明天再看 day73视频
form 参考连接:http://www.cnblogs.com/liwenzhou/p/8747872.html
2018-9-24 14:28:04
2018-9-24 19:42:38
昨天成功爬取拉勾网 很好玩的 今晚打算做成excel表格
直接贴上源代码:
# views class RegForm(forms.Form): name = forms.CharField( max_length=16, label='用户名', widgets=widgets.TextInput(attrs={"class": "form-control"}) ) pwd = forms.CharField( # 校验规则相关 label='密码', min_length=6, # widget 控制生成html代码相关的 widgets=widgets.PasswordInput(attrs={"class": "form-control"}), error_messages={ "required": "不能为空", "invalid": "格式错误", "min_length": "用户名最短6位" }) re_pwd = forms.CharField( label='密码', min_length=6, widgets=widgets.PasswordInput(attrs={"class": "form-control"}), error_messages={ "required": "不能为空", "invalid": "格式错误", "min_length": "用户名最短6位", }) email = forms.EmailField( label="邮箱", widget=widgets.EmailInput(attrs={"class": "form-control"}), error_messages={ "required": "不能为空", }) mobile = forms.CharField( label="手机", # 自己定制校验规则 validators=[RegexValidator(r'^[0-9]+$', '请输入数字'), RegexValidator(r'^1[3-9][0-9]{9}$', '手机格式有误') ], widget=widgets.TextInput(attrs={"class": "form-control"}), error_messages={ "required": "不能为空", }) gender = forms.fields.ChoiceField( choices=((1, "男"), (2, "女"), (3, "保密")), label="性别", initial=3, widget=forms.widgets.RadioSelect() ) # 单选 Select hobby1 = forms.fields.ChoiceField( choices=((1, "篮球"), (2, "足球"), (3, "双色球"),), label="爱好", initial=3, widget=forms.widgets.Select() ) # 多选Select hobby2 = forms.fields.MultipleChoiceField( choices=((1, "篮球"), (2, "足球"), (3, "双色球"),), label="爱好", initial=[1, 3], widget=forms.widgets.SelectMultiple() ) # 单选checkbox keep = forms.fields.ChoiceField( label="是否记住密码", initial="checked", widget=forms.widgets.CheckboxInput() ) # 多选checkbox hobby3 = forms.fields.MultipleChoiceField( choices=((1, "篮球"), (2, "足球"), (3, "双色球"),), label="爱好", initial=[1, 3], widget=forms.widgets.SelectMultiple(attrs={"class": "c1"}) ) # 动态从数据库区choices数据 city = forms.fields.MultipleChoiceField( choices=models.City.objects.all().values_list(), label="城市", initial=1, widget=forms.widgets.SelectMultiple() ) # 重写父类的init方法 # 实时更新数据库内容 def __init__(self, *args, **kwargs): super().__init__(*args, **kwargs) self.fields['city'].widget.choices = models.City.objects.all().values_list('id', 'name') def clean_name(self): value = self.cleaned_data("name") if "Alex" in value: raise ValidationError("不符合社会主义核心价值观") return value # 重写父类的clean方法 def clean(self): # 此时 通过检验的字段的数据都保存在 self.cleaned_data pwd = self.cleaned_data.get("pwd") re_pwd = self.cleaned_data.get("re_pwd") if pwd != re_pwd: self.add_error("re_pwd", ValidationError("两次密码不一致")) raise ValidationError("两次密码不一致") return self.cleaned_data def reg2(requests): form_obj = RegForm() if requests.method == 'POST': form_obj = RegForm(requests.POST) # 让form帮我们做校验 if form_obj.is_valid(): # 校验通过 # 把数据存到数据库 # 所有经过校验的数据都保存在 form_obj.cleaned_data del form_obj.cleaned_data["red_pwd"] models.UserInfo.objects.create(**form_obj.cleaned_data) return HttpResponse("注册成功") return render(requests, 'reg2.html', {'form_obj': form_obj})
models
from django.db import models # Create your models here. class UserInfo(models.Model): name = models.CharField(max_length=32, unique=True, null=False) pwd = models.CharField(max_length=32, default='doushidashuaibi') email = models.EmailField(null=True) mobile = models.CharField(max_length=11, null=True) def __str__(self): return self.name class City(models.Model): name = models.CharField(max_length=16, null=True, unique=True) def __str__(self): return self.name
reg2.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Django Form组件使用</title> <style> .c1 { list-style-type: none; } </style> </head> <body> {#<form action="/reg2/" method="post">#} {# {% csrf_token %}#} {# {{form_obj.as_p }}#} {# {{form_obj.errors.pwd }}#} {# <p><input type="submit"></p>#} {#</form>#} <!--自己逐个字段写--> <div class="container"> <div class="row"> <div class="col-md-6 col-md-offset-3"> <form action="/reg2/" method="post" novalidate> {% csrf_token %} <div class="form-group {% if form_obj.name.errors.0 %}has-error{% endif %}"> {{ form_obj.name.label }} {{ form_obj.name }} <span class="help-block">{{ form_obj.name.errors.0 }}</span> </div> <div class="form-group {% if form_obj.pwd.errors.0 %}has-error{% endif %}"> {{ form_obj.pwd.label }} {{ form_obj.pwd }} <span class="help-block">{{ form_obj.pwd.errors.0 }}</span> </div> <div class="form-group {% if form_obj.re_pwd.errors.0 %}has-error{% endif %}"> {{ form_obj.re_pwd.label }} {{ form_obj.re_pwd }} <span class="help-block">{{ form_obj.re_pwd.errors.0 }}</span> </div> <div class="form-group {% if form_obj.email.errors.0 %}has-error{% endif %}"> {{ form_obj.email.label }} {{ form_obj.email }} <span class="help-block">{{ form_obj.email.errors.0 }}</span> </div> <div class="form-group {% if form_obj.mobile.errors.0 %}has-error{% endif %}"> {{ form_obj.mobile.label }} {{ form_obj.mobile }} <span class="help-block">{{ form_obj.mobile.errors.0 }}</span> </div> <div class="form-group {% if form_obj.city.errors.0 %}has-error{% endif %}"> {{ form_obj.city.label }} {{ form_obj.city }} <span class="help-block">{{ form_obj.city.errors.0 }}</span> </div> <div class="form-group"> <input type="submit" class="btn btn-default"> </div> </form> </div> </div> </div> </body> </html>
Django Form所有内置字段
Field
required=True, 是否允许为空
widget=None, HTML插件
label=None, 用于生成Label标签或显示内容
initial=None, 初始值
help_text='', 帮助信息(在标签旁边显示)
error_messages=None, 错误信息 {'required': '不能为空', 'invalid': '格式错误'}
validators=[], 自定义验证规则
localize=False, 是否支持本地化
disabled=False, 是否可以编辑
label_suffix=None Label内容后缀
CharField(Field)
max_length=None, 最大长度
min_length=None, 最小长度
strip=True 是否移除用户输入空白
IntegerField(Field)
max_value=None, 最大值
min_value=None, 最小值
FloatField(IntegerField)
...
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模块，pip3 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='', 帮助提示
ModelChoiceField(ChoiceField)
... django.forms.models.ModelChoiceField
queryset, # 查询数据库中的数据
empty_label="---------", # 默认空显示内容
to_field_name=None, # HTML中value的值对应的字段
limit_choices_to=None # ModelForm中对queryset二次筛选
ModelMultipleChoiceField(ModelChoiceField)
... django.forms.models.ModelMultipleChoiceField
TypedChoiceField(ChoiceField)
coerce = lambda val: val 对选中的值进行一次转换
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)
PS: 抽象类，子类中可以实现聚合多个字典去匹配一个值，要配合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类型
Django Form内置字段
day73 2018-05-17 1. 内容回顾 1. 回顾了一下json数据格式 1. JS对象 和 json数据格式的互相转换 2. Python中数据 和 json数据格式的互相转换 2. AJAX 1. 我们前端往后端发请求的方式： 1. 直接在地址栏输入URL 2. a标签 3. form表单 4. AJAX HTTP请求的类型： GET POST 2. AJAX特点： 1. 异步 2. 局部刷新（偷偷发请求） 3. AJAX缺点： 请求零碎，滥用对服务端压力大 4. jQuery封装的AJAX方法： 先导入 jquery.js $.ajax({ url: "/test/", type: "post", data: {"key": "value", "key2":[[1, 2, 3], [4, 5, 6]]}, success: function(arg){ // 请求得到响应的时候，自动执行这个回调函数 console.log(arg); } }) 2. 今日内容 1. form组件的介绍 之前web开发的模式，以注册为例： 1. 要有一个注册的页面，页面里面要有form表单 --> 生成HTML代码 2. form表单要能提交数据到后端，后端要做有效性校验 --> 数据有效性校验 3. 要把校验的提示信息展示在页面上 --> 校验信息返回并展示，保存原来填写的内容 关于校验： 1. 前端通过JS代码做校验 --> 最好有 2. 后端做校验 --> 必须要有（因为前端的校验可以被跳过） 2. form组件的用法 1. from django import forms 2， 定义一个form类 class RegForm(forms.Form): user = forms.CharField() pwd = forms.CharField() email = forms.EmailField() 生成HTML： 3. 实例化一个form对象， 传递到模板语言中 4. 在目标语言中调用form对象的响应方法和属性 三种方式： 1. {{ form_obj.as_p }} 2. 单独写 {{ form_obj.pwd.label }} {{ form_obj.pwd }} 做校验： 1. form_obj = RegForm(request.POST) 2. form_obj.is_valid() 内置的正则校验器的使用 mobile = forms.CharField( label="手机", # 自己定制校验规则 validators=[ RegexValidator(r'^[0-9]+$', '手机号必须是数字'), RegexValidator(r'^1[3-9][0-9]{9}$', '手机格式有误') ], widget=widgets.TextInput(attrs={"class": "form-control"}), error_messages={ "required": "该字段不能为空", } ) 看源码： form_obj.is_valid()都干了什么？ self._errors = ErrorDict() --> {} self.cleaned_data = {} self.fields.items() 字段名 字段对象 如果有错误： self._errors["name"] = "" 没有报错： self.cleaned_data["name"] = value（用户填写的值） 注意： 钩子函数（hook）的使用 def clean_xx(): """具体字段的自定义校验方法""" pass def clean(): """全局的自定义校验方法""" pass errors: <ul class="errorlist"> <li>name <ul class="errorlist"> <li>不符合社会主义核心价值观！</li> </ul> </li> <li>__all__ <ul class="errorlist nonfield"> <li>两次密码不一致</li> </ul> </li> </ul>
