Djngo中基于Form自动生成标签和登录判断

最新推荐文章于 2021-01-31 21:16:33 发布

tangyuan_sibal

最新推荐文章于 2021-01-31 21:16:33 发布

阅读量320

点赞数

分类专栏： python学习之路

本文链接：https://blog.csdn.net/tangyuan_sibal/article/details/83056737

版权

python学习之路专栏收录该内容

7 篇文章 0 订阅

订阅专栏

一、What is Form?

当我们在注册某个网站的时候经常看到当我们手机号码的位数不够或者email输入格式错误的时候，旁边就会给你提示个小框框，提示你输入错误重新输入。这个判断我们可以用Django自己写出一个这样的判断，但是当你写完之后你会发现要很多判断，这时候Form就出来帮助你了，其实Form就是可自定制标签的一个用于验证用户请求数据的合法性，他在里面封装了很多很多很多的东西，都不用你自己去写，Form都已经帮你弄好了。

二、如何用？

Django的Form验证
1、创建模版 class LoginForm(forms.Form):…
2、将请求交给模版，创建一个对象 obj = LoginForm(request.POST)
3、进行验证 obj.is_valid()
4、获取正确信息 obj.clean()
5、获取错误信息 obj.errors

1、创建模板

class LoginForm(Form):
    user = fields.CharField(
        widget = widgets.TextInput(attrs={'id':'nid','class':'c1'}),#插件
        min_length=6,
        error_messages={"required": '用户名不能为空','min_length': '用户名长度不能小于6'}
    )
    gender = fields.MultipleChoiceField(
                                choices=((1,'男'),(2,'女'),),
                                initial=1,
                                # widget=widgets.RadioSelect
                                )
    city = fields.CharField(
        initial=2,
        widget=widgets.Select(choices=((1, '上海'), (2, '北京'),))
    )

    pwd = fields.CharField(
        widget=widgets.PasswordInput(attrs={'class': 'c1'}, render_value=False),
        min_length=6,
        error_messages = {"required": '用户名不能为空', 'min_length': '用户名长度不能小于6'}
    )

定义一个form类，包含了自定制标签，在fields中包含多种多样的标签，如果你点开fields.py 文件，可以看到里面包含很多种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)
    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类型

转：https://www.cnblogs.com/wupeiqi/articles/6144178.html

2、将请求交给模板，创建一个对象
（1）基于前端form提交方式的

def index(request):#采用form提交不好，会刷新页面
    if request.method == 'GET':
        obj = LoginForm()

        return render(request,'index.html',{'form':obj})#将自定义模板传到前端渲染
    if request.method == 'POST':
        obj = LoginForm(request.POST,request.FILES)

        if obj.is_valid():#（3）进行验证
            value = obj.clean()#（4）获取正确的值
            print(value)
        else:
            errors = obj.errors#(5)获取错误的值
            print(errors)
        return render(request,'index.html',{'form':obj})#在前端显示

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form action="index.html"method="post" enctype="multipart/form-data">
    {% csrf_token %}
    <p>{{ form.user }}<span>{{ form.errors.user.0 }}</span></p>
    <p>{{ form.gender }}</p>
    <p>{{ form.city }}</p>
    <p>{{ form.pwd }}</p>
    <input type="submit" value="提交">

</form>
</body>
</html>

（2）基于ajax的提交

#json.dumps转python没有的属性进行的一个转化，可以将Python不认识的属性转换成认识的
class JsonCustomEncoder(json.JSONEncoder):
        def default(self, field):
            if isinstance(field, ValidationError):
                return {'code': field.code, 'message': field.message}
            else:
                return json.JSONEncoder.default(self, field)
               
def login_ajax(request):
    if request.method == 'GET':
        obj=LoginForm()
        return render(request,'login_ajax.html',{'form':obj})
    elif request.method == 'POST':
        ret={'status':True,'error':None,'data':None}
        obj = LoginForm(request.POST)
        if obj.is_valid():
            print(obj.clean())
        else:
            ret['status'] = False
            # obj_str=obj.errors
            # print(type(obj_str['user'][0]))
            # ret['error'] = obj.errors.as_json()
            # print(ret['error'])
            ret['error'] = obj.errors.as_data()#获取到的数据格式是一个字典，不必在前端再一次进行parse

        return HttpResponse(json.dumps(ret,cls=JsonCustomEncoder))

login_ajax.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
            .error-msg{
            color: red;
            font-size: 12px;
        }
    </style>
</head>
<body>
 <h1>Form提交数据</h1>
 <form id="f1">
     {% csrf_token %}
     <p>{{ form.user }}</p>
     <p>{{ form.gender }}</p>
     <p>{{ form.city }}</p>
     <p>{{ form.pwd }}</p>
    <input id="ajax_submit" type="button" value="Ajax提交"  />
 </form>
    <script src="/static/jquery-2.1.4.min.js"></script>
    <script>
        $(function () {
            $('#ajax_submit').click(function () {
                $.ajax({
                    url:"login_ajax.html",
                    data: $('#f1').serialize(),
                    type: 'POST',
                    success:function (arg) {

                        $('.error-msg').remove();
                        var v1 = JSON.parse(arg);
                        console.log(v1);
                        if(!v1.status){
                            // var error_obj = JSON.parse(v1.error);#如果在errors.as_json(),要转
                            var error_obj = v1.error;
                            $.each(error_obj,function (k,v) {
                                // k: user 或 email
                                // v: [{}{}{},]
                                var tag = document.createElement('span');
                                tag.className = 'error-msg';
                                tag.innerHTML = v[0].message;
                                $("input[name='" + k +"']").after(tag);
                            })
                        }else{
                            location.href = "/index.html"
                        }
                        // { 'stauts': true, 'error':xx, 'data'：’‘}
                    }
                })
            })
        })

    </script>
</body>
</html>

三、从数据库中取数据加载到界面

1、创建数据库表
2、将表中的数据加载到自定制标签中，这里有一个关键点，如何使数据时时更新，如果我们直接将取数据操作直接加载在标签上面的话，那样子只能在Django启动的时候取一次数据，所以要用初始化方法，继承父类的构造方法，这样每次执行，都会加载一次父类的构造方法，这样子每次取这个类的时候都会加载一次数据，做到时时取数据；
在这里插入图片描述

当然只是一个简单的登录验证请求，他还可以帮助你生成其他标签的功能，后续学习再补充。

tangyuan_sibal

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Djngo中基于Form自动生成标签和登录判断

一、What is Form?当我们在注册某个网站的时候经常看到当我们手机号码的位数不够或者email输入格式错误的时候，旁边就会给你提示个小框框，提示你输入错误重新输入。这个判断我们可以用Django自己写出一个这样的判断，但是当你写完之后你会发现要很多判断，这时候Form就出来帮助你了，其实Form就是可自定制标签的一个用于验证用户请求数据的合法性，他在里面封装了很多很多很多的东西，都不用你...
复制链接

扫一扫

专栏目录