Django--Form组件

最新推荐文章于 2024-08-18 10:54:05 发布
最新推荐文章于 2024-08-18 10:54:05 发布
阅读量111 收藏
点赞数
文章标签： javascript 数据库 前端 ViewUI
原文链接：http://www.cnblogs.com/uiys/p/10673454.html
版权

一 . Form介绍

复制代码 
我们之前一下用form表单向后台提交数据, 里面写的是input标签. 我们在好多场景下需要对用户输入的内容进行校验,比如说注册信息.
Django form组件就实现了上述的功能
form组件主要功能:
    生成页面可用HTML标签
    对用户提交的数据进行校验
    保留上次输入的内容
复制代码

　　使用form组件实现注册功能

复制代码 
# views.py文件
from django import forms

# 按照Django form组件的要求自己写一个类
class RegForm(forms.Form):
    username = forms.CharField(label="用户名")  # 括号里面写一些校验规则,下面会介绍
    password = forms.CharField(label="密码")
# 类属性名字是什么,前端标签里面的name值就是什么, 现在的类属性就好比input标签里面的name=username,name=password
复制代码

　　在写一个视图函数

复制代码 
def register(request):
    form_obj = RegForm()
    # print(request.POST)
    if request.method == "POST":
        # 实例化form对象的时候, 把post提交过来的数据直接传进去
        form_obj = RegForm(data=request.POST)  # 就好比request.POST.get('username')  request.POST.get('password')
        # print(form_obj.is_valid())  # 如果用户输入的有一个错误就是False,全对才是True
        if form_obj.is_valid():
            print(form_obj.cleaned_data)  # 打印用户输入对的数据  这个清洗后的数据必须写在is_valid后面
        # else:
            # print(form_obj.errors.as_data())  # 拿错误信息
        return render(request, 'register.html', {'form_obj':form_obj})
    else:
        return render(request, 'register.html', {'form_obj': form_obj})
复制代码

　　register.html

复制代码 
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--bootstrap-->
    <link href="{% static 'bootstrap/css/bootstrap.min.css' %}" rel="stylesheet">

</head>
<body>
<form action="{% url 'register' %}" method="post" novalidate>
    {% csrf_token %}
{#                <p>{{ form_obj.as_p }}</p>#}   <!--拿所有的标签-->
        <p>
            {{ form_obj.username.label }}
            {{ form_obj.username }}
            <span style="color: red">
                {{ form_obj.username.errors.0 }}  <!--拿错误信息,errors拿到的是列表.所以用索引-->
            </span>

        </p>
        <p>
            {{ form_obj.password.label }}
            {{ form_obj.password }}
            <span style="color: red">
                {{ form_obj.password.errors.0 }}
            </span>

        </p>
        <p>
            {{ form_obj.re_password.label }}
            {{ form_obj.re_password }}
            {{ form_obj.re_password.errors.0 }}
        </p>
        <p>
            {{ form_obj.userinfo.label }}  <!--由于是标签所以想要显示作者名字不能直接.name 要在models里面写def__str__(self)-->
            {{ form_obj.userinfo }}
            {{ form_obj.userinfo.errors.0 }}
        </p>
    <button class="btn btn-primary btn-lg btn-block">注 册</button>
</form>
</body>
</html>
复制代码

二 . form表单的常用字段插件

　　initial

复制代码 
class LoginForm(forms.Form):
    username = forms.CharField(  
        min_length=8,
        label="用户名",
        initial="张三"  # 设置默认值
    )
    pwd = forms.CharField(min_length=6, label="密码")
复制代码

　　error_messages(重写错误信息)

复制代码 
class LoginForm(forms.Form):
    username = forms.CharField(
        min_length=8,
        label="用户名",
        initial="张三",
        error_messages={
            "required": "不能为空",
            "invalid": "格式错误",
            "min_length": "用户名最短8位"
        }
    )
复制代码

　　password

复制代码 
class LoginForm(forms.Form):
    ...
    pwd = forms.CharField(
        min_length=6,
        label="密码",
        widget=forms.PasswordInput(attrs={'class': 'c1'}, render_value=True)
    )   # 让密码变成密文
# attrs里面可以设置bootstrap样式
复制代码

　　RadioSelect

复制代码 
class LoginForm(forms.Form):
    username = forms.CharField(  #其他选择框或者输入框，基本都是在这个CharField的基础上通过插件来搞的
        min_length=8,
        label="用户名",
        initial="张三",
        error_messages={
            "required": "不能为空",
            "invalid": "格式错误",
            "min_length": "用户名最短8位"
        }
    )
    pwd = forms.CharField(min_length=6, label="密码")
    gender = forms.fields.ChoiceField(
        choices=((1, "男"), (2, "女"), (3, "保密")),
        label="性别",
        initial=3,
        widget=forms.RadioSelect()  # 后面括号写不行都行
    )
复制代码

　　单选Select

复制代码 
class LoginForm(forms.Form):
    ...
    hobby = forms.fields.ChoiceField(
        choices=((1, "篮球"), (2, "足球"), (3, "双色球"), ),
        label="爱好",
        initial=3,
        widget=forms.Select
    )
复制代码

　　单选checkbox

复制代码 
class LoginForm(forms.Form):
    ...
    keep = forms.fields.ChoiceField(
        label="是否记住密码",
        initial="checked",
        widget=forms.CheckboxInput
    )
复制代码

　　多选checkbox

复制代码 
class LoginForm(forms.Form):
    ...
    hobby = forms.fields.MultipleChoiceField(
        choices=((1, "篮球"), (2, "足球"), (3, "双色球"),),
        label="爱好",
        initial=[1, 3],
        widget=forms.widgets.CheckboxSelectMultiple
    )
复制代码

　　choice字段注意事项

　　　　在选择标签时, 需要注意choice的选项可以从数据库中拿, 但是由于是静态字段, 获取的值无法实时更新, 需要重写构造方法从而实现choice实时更新

　　方式一

复制代码 
from django.forms import Form
from django.forms import widgets
from django.forms import fields

class MyForm(Form):
 
    user = fields.ChoiceField(
        # choices=((1, '上海'), (2, '北京'),),
        initial=2,
        widget=widgets.Select
    )
 
    def __init__(self, *args, **kwargs):
        super(MyForm,self).__init__(*args, **kwargs)
        # self.fields['user'].choices = ((1, '上海'), (2, '北京'),)
        # 或
        self.fields['user'].choices = models.Classes.objects.all().values_list('id','caption')
复制代码

　　方式二

复制代码 
from django import forms
from django.forms import fields
from django.forms import models as form_model

class FInfo(forms.Form):
    authors = form_model.ModelMultipleChoiceField(queryset=models.NNewType.objects.all())  # 多选
    # authors = form_model.ModelChoiceField(queryset=models.NNewType.objects.all())  # 单选
复制代码

三 . Form所有内置字段

  内置字段

四 . 字段校验

　　RegexValidator验证器

复制代码 
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开头')],
    )
复制代码

　　自定义验证函数

复制代码 
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):    # 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):   # 返回True or False
        raise ValidationError('手机号码格式错误')  #自定义验证规则的时候，如果不符合你的规则，需要自己发起错误

# 使用自定义验证规则
    phone = fields.CharField(validators=[mobile_validate, ],
                            error_messages={'required': '手机不能为空'},
                            widget=widgets.TextInput(attrs={'class': "form-control",
                                                          'placeholder': u'手机号码'}))
复制代码

五 . Hook钩子方法

　　进行进一步验证可以用钩子方法

　　局部钩子

　　　　我们在Form类中定义clean_字段名()方法,就能实现对特定的钩子进行校验.

复制代码 
class LoginForm(forms.Form):
    username = forms.CharField(
        min_length=8,
        label="用户名",
        initial="张三",
        error_messages={
            "required": "不能为空",
            "invalid": "格式错误",
            "min_length": "用户名最短8位"
        },
        widget=forms.widgets.TextInput(attrs={"class": "form-control"})
    )
    ...
    # 定义局部钩子，用来校验username字段,之前的校验股则还在，给你提供了一个添加一些校验功能的钩子
    def clean_username(self):
        value = self.cleaned_data.get("username")
        if "666" in value:
            raise ValidationError("光喊666是不行的")
        else:
            return value    # 一定要return
复制代码

　　全局钩子

　　　　我们在form类中定义clean()方法, 对全局进行校验, 字段校验玩,局部校验完, 最后执行全局校验.

复制代码 
class LoginForm(forms.Form):
    ...
    password = forms.CharField(
        min_length=6,
        label="密码",
        widget=forms.widgets.PasswordInput(attrs={'class': 'form-control'}, render_value=True)
    )
    re_password = forms.CharField(
        min_length=6,
        label="确认密码",
        widget=forms.widgets.PasswordInput(attrs={'class': 'form-control'}, render_value=True)
    )
    ...
    # 定义全局的钩子，用来校验密码和确认密码字段是否相同，执行全局钩子的时候，cleaned_data里面肯定是有了通过前面验证的所有数据
    def clean(self):
        password_value = self.cleaned_data.get('password')
        re_password_value = self.cleaned_data.get('re_password')
        if password_value == re_password_value:
            return self.cleaned_data #全局钩子要返回所有的数据
        else:
            self.add_error('re_password', '两次密码不一致')     # 给哪个字段添加报错信息,直接add_error('字段名', '报错信息')
            raise ValidationError('两次密码不一致')  # 这个必须写　　　　    　　　　　
　　# 并且clean_data里面会自动清除这个re_password的值，所以打印clean_data的时候会看不到它
复制代码

 六 . ModelForm

　　如果需要验证的字段和models.py文件中的字段是紧密映射的表单,我们如果用form去一个一个得写,会显的冗余,这样我么就可以用ModelForm去写

　　ModelForm定义(form与model的终级结合)

复制代码 
from django import forms
from crm import models

class RegForm(forms.ModelForm):
    # 如果Mate里面不能不能满足你需要的验证,要在外面写(如下),报错信息也要写在这里才能生效
    password = forms.CharField(
　　　　　　　　　　　　widget=forms.PasswordInput, 
　　　　　　　　　　　　label='密码', 
　　　　　　　　　　　　min_length=6, 
　　　　　　　　　　　　max_length=16,
　　　　　　　　　　　　error_messages={'min_length': '不能小于6位'}
　　　　　　　　　　)

    class Meta:
        model = models.UserProfile  # 对应models中的类
        fields = '__all__'   # 拿到所有的字段
        # print(fields)
        exclude = ['is_active']   # 除了哪个字段
        labels = {
            'username': '用户名'   # 前边的那个label改成'用户名',还有一种方法,就是在models里面写上verbose_name='用户名'.
        }

        # 下面的报错信息不会生效,因为在Mata中写的只对默认生成的字段有效
        error_messages = {
            'required': '不能为空',
        }

    # 批量添加样式,让所有的输入框都有class = form-control的属性  
    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)
        for field in self.fields.values():
            field.widget.attrs.update({'class': 'form-control'})
复制代码

 　　class Mate下的常用参数

复制代码 
model = models.类名
fields = '__all__'   # 拿到所有的字段
exclude = ['name','age']  #除了这两个字段剩下的全要
labels = {'username': '用户名'}  # 把label的名字改成'用户名'
help_texts = '只能输入数字,字母,下划线'   # 提示输入数字,字母,下划线
widgets = None   # 自定义插件
error_messages = None  # 自定义错误信息
复制代码

　　save()方法

复制代码 
def register(request):
    if request.method == 'GET':
        form_obj = RegForm()
        return render(request, 'register.html', {'form_obj': form_obj})
    else:
        form_obj = RegForm(request.POST)
        # 对数据库进行校验
        if form_obj.is_valid():
            form_obj.save()  # 把你提供的数据按照相应的位置插进去,有就插,没有就不插
            return HttpResponse('ok')
            # return redirect('login')
        return render(request, 'register.html', {'form_obj': form_obj})
复制代码

转载于:https://www.cnblogs.com/uiys/p/10673454.html

dianlamu4982
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
django-material：Django的材质设计
02-04
4. **Form组件**：包括各种表单元素如输入框、选择器、日期选择器等，这些组件都经过精心设计，以保证与Material Design风格一致。 5. **MaterializeCSS和MaterialdesignCSS**：Django-Material利用MaterializeCSS...
Python的Django中django-userena组件的简单使用教程
09-22
### Python的Django中django-userena组件的简单使用教程 #### 概述 本文将详细介绍如何在Python的Django框架中使用django-userena组件来实现用户登录和注册等功能。Django是一个高度可扩展且功能丰富的Web开发框架...
django-recaptcha：Django reCAPTCHA表单fieldwidget集成应用程序
02-05
class MyForm(forms.Form): # 其他字段... captcha = ReCaptchaField() ``` 5. **验证**：在视图中，对提交的表单进行验证时，`is_valid()` 方法会自动处理 reCAPTCHA 的验证。如果验证失败，错误会出现在表单...
Django-中文教程.pdf
07-04
- 提高开发效率：通过提供高度抽象化的组件和模块，减少重复编码工作。 - 代码结构清晰：Django采用MVT（Model-View-Template）架构模式，使代码逻辑清晰、易于维护。 - 社区活跃：拥有庞大的开发者社区支持，...
Python库 | django-bootstrap3-12.1.0.tar.gz
03-02
1. **模板标签**: 提供了丰富的Django模板标签，可以轻松插入Bootstrap元素，如`bootstrap_form`用于渲染表单，`bootstrap_button`生成按钮等。 2. **自定义配置**: 开发者可以配置全局Bootstrap主题，包括字体、...
微信小程序骨架屏
djjdjdjdjddjjdjd的博客
08-16 301
⑤ 在onLoad 中页面加载前定义 isLoading.value=true, 在加载完后定义 isLoading.value=false.骨架屏是页面的一个空白版本，通常会在页面完全渲染之前，通过一些灰色的区块大致勾勒出轮廓，待数据加载完成后，再替换成真实的内容。① 在相应微信小程序页面右下角点生成骨架屏，左侧小程序目录会自动生成 .wxml 、.wxss 文件，⑥ 在生成骨架屏页面中 v-if="isLoading" v-else 定义显示与隐藏。
网上商品订单转手系统bootpf
最新发布
weixin_43213064的博客
08-18 387
【代码】springboot网上商品订单转手系统bootpf
vue3进阶用法之通过调用函数动态加载组件用法及示例
wz9608的博客
08-14 355
vue官方文档那边虽然说了函数的使用方法，但没有列举这种业务场景。这里只是做一个简单的实例，其实可以通过这种方法实现其他更多的功能，比如说modal框等等等。
44 个 React 前端面试问题
广漂程序猿DevinRock
08-14 1020
虚拟 DOM 是 React 中的一个概念，其中创建实际 DOM（文档对象模型）的轻量级虚拟表示并将其存储在内存中。它是一种用于优化 Web 应用程序性能的编程技术。当 React 组件的数据或状态发生更改时，虚拟 DOM 会被更新，而不是直接操作真实 DOM。然后，虚拟 DOM 计算组件的先前状态和更新状态之间的差异，称为“比较”过程。一旦识别出差异，React 就会高效地仅更新真实 DOM 的必要部分以反映更改。这种方法最大限度地减少了实际 DOM 操作的数量，并提高了应用程序的整体性能。
【vue教程】五. Vue 的路由管理
前端探索者
08-13 1159
Vue Router 是 Vue 官方的路由管理器，用于构建单页面应用。它允许你通过 URL 来映射不同的组件，实现页面的动态加载和导航。路由守卫用于在路由跳转前后执行代码，可以用来检查用户认证状态、获取数据等。通过本篇文章，我们学习了 Vue Router 的基本概念、配置和使用，以及如何实现动态路由和嵌套路由。我们还探讨了路由守卫的概念，并提供了如何在 Vue 组件中使用它们的示例。这些知识点将帮助你构建一个功能完备的单页面应用。
【无标题】
weixin_42348009的博客
08-14 187
静态方法返回一个由给定对象自身的可枚举的字符串键属性名组成的数组。
NVDLA专题4：具体模块介绍——Convolution DMA
fangfanglovezhou的博客
08-14 594
NVDLA专题4：具体模块介绍——Convolution DMA
基于vue框架的爱看电影网站v4o92（程序+源码+数据库+调试部署+开发环境）系统界面在最后面。
h2345678的博客
08-15 994
项目功能：用户,电影分类,电影信息,电影评分基于Vue框架的爱看电影网站项目功能丰富多样，旨在为用户提供一个集电影浏览、信息查询、观影体验、互动交流于一体的综合性平台。
一些有趣的XSS注入GAME
qq_67758645的博客
08-17 805
如果我们不经过前面的javascript:将其变成字符串，那么传进去后时候就会带两个引号，那么就算setTimeout可以将字符串当作代码执行，但是，里面还是一层字符串，执行不了。我理解的是javascript：将后面的alert字符串替换成alert js代码，类似于eval的作用，传进setTimeout的时候就不是字符串，而是js代码。将%编码试试，%25，这样到后端以后就会变成%28 %29，如果js能够解码的话，最后传到页面的时候在解码%28，%29为（），这样不就实现了嘛。
Bootstrap 附加导航（Affix）插件
2402_83140078的博客
08-17 599
附加导航（Affix）插件允许指定 固定在页面的某个位置。一个常见的例子是社交图标。它们将在某个位置开始，但当页面点击某个标记，该 会锁定在某个位置，不会随着页面其他部分一起滚动。
Javascript嵌套函数的调用
Cc040909的博客
08-17 436
闭包的嵌套函数就不同了，由于有两个函数，调用栈就标记为1， 表示内部还有函数，这个函数不知道什么时候才执行，所以js引擎就把他保存在内存中了。恰好第一个函数和第二个函数执行的时候，眼睛观察到的调用是看不到对象，所以执行的是默认绑定，都默认绑定在全局对象window上(浏览器环境)。上面这个总结的过程非常微妙，细节就在于嵌套的函数的分部执行过程，尽管内部函数嵌套在外部函数内，但是外部函数并没有影响内部函数的权利，内部函数的执行是不受外部函数控制的。外部函数和内部函数是两个不同的事件循环位置，独立调用的，
C#中Newtonsoft.Json 库的使用
weixin_64532720的博客
08-14 281
JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。它基于JavaScript的一个子集，标准 ECMA-262 第三版 - 1999 年 12 月。JSON 格式的数据由键值对组成，数据以文本形式存储和交换。
基于Java+SpringBoot+Vue的网上租赁系统设计与实现
azhou的代码园
08-18 581
本课题是根据用户的需要以及网络的优势建立的一个基于SpringBoot的网上租贸系统，来满足用户网络商品租赁的需求。本网上租贸系统应用Java技术，MYSQL数据库存储数据，基于SpringBoot框架开发。在网站的整个开发过程中，首先对系统进行了需求分析，设计出系统的主要功能模块，其次对网站进行总体规划和详细设计，最后对基于SpringBoot的网上租贸系统进行了系统测试，包括测试概述，测试方法，测试方案等，并对测试结果进行了分析和总结，进而得出系统的不足及需要改进的地方，为以后的系统维护和扩展提供了方便
使用MicroApp重构旧项目
Vivien_CC的博客
08-15 886
随着技术的飞速发展，我们公司内部一个基于“上古神器” jQuery + PHP 构建的十年历史老项目已显力不从心，技术非常老旧且维护成本高昂，其实已经无数次想要重构，但是苦于历史遗留原因以及业务的稳定性而一直难以下手，而且一时半会又不能全部重构。本次新页面较多且后续将持续迭代新模块，而老页面的改动较少且代码库错综复杂，牵一发而动全身。经过几番思考，我们发现。
Django-Widgy：高效CMS开发框架
"django-widgy 是一个用于CMS（内容管理系统）开发的框架组件，它能够极大地简化开发流程。这个框架是针对Django设计的，提供了一个异构树编辑器，适用于构建复杂的内容管理系统。异构树意味着每个节点都可以是不同...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值