Django 表单 学习笔记

已于 2022-09-02 10:59:34 修改
阅读量494 收藏 3
点赞数
文章标签： django python 后端
于 2022-07-08 16:15:42 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sumatray/article/details/125665282
版权

一、常见的表单元素

  • 表单标签---<form>
  • 单行文本框、多行文本框
  • 选择（单选、多选、下拉选择）
  • 隐藏表单域
  • 表单按钮
  • 文件上传框

二、表单的使用的步骤 

  1. 创建表单类 
    
# 示例代码
from django import forms



class LoginForm(forms.Form):
         
    username = forms.CharField(label="用户名",max_length=100)
  2. 添加到视图函数 
    # 示例代码

def form(request):

    #表单对象
    form = LoginForm()
    return render(request,'form.html'.{
                     'form':form   })

  3. 渲染到模板 
    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form action="" method="post">
    {% csrf_token %}
{{ form.as_p }}

<input type="submit" value="提交">
</form>
</body>
</html>

    as_p()  以p标签方式渲染

    as_ul()  以列表方式渲染

    as_table() 以表格方式渲染

  4. 在视图中处理表单数据 
    def form(request):

    # 表单对象
    if request.mothod == 'POST':
        form = LoginForm(request.POST)
        if form.is_valid():
            data = form.cleaned_data
            print('data:',data)
    else:
        form = LoginFrom()
    return rander(request,'form.html',{
                    'form':form})

一、表单字段（Field）

  • 表单字段继承django.forms.Field
  • 每个字段都具有核心参数
  • 每个字段都可以有自定义的验证逻辑
  • 每个字段都有钩子函数，方便扩充功能

label  ----- label标签（输入框前的文字描述）

required-----是否为必填，默认为必填

help_text  -----帮助文字

initial ---- 初始化数据

error_messages ----覆盖字段引发异常后的错误显示

widget  ----- 定制界面显示方式（如：文本框，选择框）

disabled --- 禁用表单，界面上不可操作

二、Django内置的字段

  • 文本/字符串

CharField ----字符串输入

EmailField ----邮件地址输入

URLField ---- URL地址输入

UUIDField  ----- uuid字符串输入

# 示例代码

class UserRegForm(forms.Form):

    """用户注册表单"""
    username = forms.EmailField(label='用户名',max_length=200,min_length=5)
  • 数值（整数、小数）

IntegerField ---整数输入

FloatField  ---- 浮点数输入

DecimalField  ---- 小数输入（更精确）

  • 选择（单选、多选）

ChoiceField ---- 单选

MultipleChoiceField ---- 多选

TypedChoiceField  ------  高级选择（支持结果转换类型）

  • 日期/时间

DateField --- 日期选择

DateTimeField  ------ 日期时间选择

DurationField ----- 时间片段timedelta

TimeField  ----  时间选择

  • 文件/文件上传

ImageField ---- 图片

FileField   -----   文件

FilePathField -----  文件路径

  • 布尔

BooleanField   ------ True\False

NullBooleanField ------ None\True\False

  • 正则表达式

RegexField ------ 正则输入

三、在视图中获取表单值

GET请求

request.GET.get('name',None)

POST请求

request.POST.get('name',None)

文件对象

request.FILES.get('name',None)

四、Form对象的方法

  • as_p()/as_ul()/as)talble() -----渲染表单
  • is_valid() ------  表单是否已经通过验证
  • clean()   -------  调用表单的验证/自定义的验证

五、Form对象的属性

is_bound   ----- 是否已经绑定了数据

cleaned_data   ------  访问表单验证后的数据

errors -----  表单验证后的错误信息

initial  -----   初始化数据

def form(request):

    # 表单对象
    if request.mothod == 'POST':
        form = LoginForm(request.POST)
        
        # 表单验证
        if form.is_valid():
            # 访问通过后的数据   cleaned_data
            data = form.cleaned_data
            print('data:',data)
        else:
              # 表单没有通过验证
            print(form.errors)
    else:
        form = LoginFrom()
    return rander(request,'form.html',{
                    'form':form})

六、自定义界面显示

内置的widgets

  • 文本输入

TextInput(单行文本)    NumberInput（数字）    EmailInput(邮件)   URLInput   PasswordInput(密码)   HiddenInput  （隐藏表单域） 

DateInput（日期）   DateTimeInput（日期加时间）  TimeInput（时间）    Textarea（多行文本）   

class LoginForm(forms.Form):

    """" 登录表单 """

    username = forms.CharField(label='用户名',max_length=100,required=False)
    password = forms.CharField(label='密码', 
max_length=120, min_length=6,
widget=forms.PasswordInput)   #widget使用
  • 选择输入

Select (下拉选择，单选)      NullBooleanSelect      RadioSelect（单选）      SelectMultiple （多选）     CheckboxSelectMultiple（复选框）

  • 文件上传

FileInput

  • 复合Widget

MultipleHiddenInput       SplitDateTimeWidget      SplitHiddenDateTimeWidget    SelectDateWidget

三、表单验证

表单验证的步骤

  1. 定义clean_xx验证方法
  2. 获取对应的字段值并验证
  3. 验证失败触发forms.ValidationError异常
  4. 返回验证后的数据
  5. 在html中页面显示错误
class LoginForm(forms.Form):

    """" 登录表单 """

    username = forms.CharField(label='用户名',max_length=100,required=False)
    password = forms.CharField(label='密码', max_length=120, min_length=6,widget=forms.PasswordInput)


        # clean钩子函数，后面加验证的字段
    def clean_username(self):
        """验证用户名"""
        username = self.cleaned_data['username']
        pattern = r'^[0-9]{10}$'
        if not re.search(pattern,username):
            raise forms.ValidationError('请输入手机号码')
        return username

视图views.py中

def user_login(request):

    if request.method == 'POST':
        form = LoginForm(data=request.POST)
        if form.is_valid():
            print('表单验证通过')
        else:
            print(form.errors)
    else:
        form = LoginForm()
    return render(request,'user_login.html',{
        'form':form,
    })

html中

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    
</head>
<body>
<h3>用户登录</h3>
<form action="." method="post">
    {% csrf_token %}
{#    {{ form.as_p }}#}
    <div>
        {{ form.username.label }}
        {{ form.username }}
        {{ form.username.errors.as_text }}
    </div>
    <input type="submit" value="登录">
</form>
</body>
</html>

四、从ORM模型中创建表单

Meta类的配置选项

model ------  对应的ORM模型

fields  ------  ORM模型中哪些字段需要出现在表单中

exclude -----  ORM模型中哪些字段不需要出现在表单中（排除不能编辑的字段,editable=False）

help_texts   ------  重写使用帮助信息

labels -----  设置表单输入前的文字提示

widgets   ------   自定义界面显示

error_messages   -----   配置表单验证中错误提示

ORM模型中

class User(CommonModel):

    USER_STATUS = (
        (1,'正常'),
        (0,'删除'),
    )
    username = models.CharField('用 户名',max_length=128)
    password = models.CharField('密码',max_length=256)
    nickname = models.CharField('昵称',max_length=256,null=True,blank=True)
    avatar = models.ImageField('用户头像',upload_to='avatar',null=True,blank=True)
    status = models.SmallIntegerField('用户状态',default=1,choices=USER_STATUS)
    is_super = models.BooleanField('是否为超级用户',default=False)

    created_at = models.DateTimeField('注册时间', auto_now_add=True)
    updated_at = models.DateTimeField('最后修改时间', auto_now=True)

    class Meta:
        db_table = 'accounts_user'

表单form中

from django import forms

from account.models import User


class UserChangeForm(forms.ModelForm):
    """从模型创建表单  用户基本信息修改"""

    class Meta:
        model = User
        # fields = ('username','password','nickname','avatar')
        exclude = ('status',)
        
        labels = {
            'username':'手机号码'
        }
        widgets = {
            'password':forms.PasswordInput
        }

        error_messages = {
            'username':{
                'max_length':'用户名超过了最大长度限制'
            }
        }

4.1 修改模型表单

添加表单验证

保存用户详细信息  views.py中

def user_change(request):
    """用户信息维护  - 基于ORM创建的表单"""
    if request.method == 'POST':
        form = UserChangeForm(data=request.POST)
        if form.is_valid():
             # save方法提交事务
            form.save()
            print('表单通过')
        else:
            print(form.errors)
    else:
        form = UserChangeForm()
    return render(request,'user-change.html',{
        'form':form,
    })

五、通过表单实现文件上传

  • 表单设置enctype="multipart/form-data"
  • 在视图中通过request.FILES来获取文件对象

5.1将文件保存到磁盘

视图views中

def upload_user_form(request):
    """文件上传-表单上传"""
    if request.method == 'POST':
        file = request.FILES.get('avatar',None)
        if file:
            # MEDIA_ROOT在项目setting中配置
            filename = os.path.join(settings.MEDIA_ROOT,'test.jpg')
            with open(filename,'wb+') as d:
                for chunk in file.chunks():
                    d.write(chunk)
            print('文件上传成功')

    return render(request,'upload_user_form.html')

html中

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单上传文件</title>
</head>
<body>
<form action="." method="post" enctype="multipart/form-data">
    {% csrf_token %}
    <input type="file" name="avatar">
    <input type="submit" value="提交">
</form>

</body>
</html>

5.2 使用Django表单上传

表单中的相关字段

forms.ImageField

表单类的参数

form = AvatarUploadForm(request.POST,request.FILES)

表单中定义类

class AvatarUploadForm(forms.Form):
    """使用表单上传用户头像"""

    avatar = forms.ImageField(label="用户头像")

视图函数中

def upload_user_form2(request):
    """文件上传-表单上传"""
    if request.method == 'POST':
        
        form = AvatarUploadForm(data=request.POST,files=request.FILES)
        # 验证表单
        if form.is_valid():
            file = form.cleaned_data['avatar']

            if file:
                filename = os.path.join(settings.MEDIA_ROOT,'test.jpg')
                with open(filename,'wb+') as d:
                    for chunk in file.chunks():
                        d.write(chunk)
                print('文件上传成功')

    else:
        form = AvatarUploadForm()

    return render(request,'upload_user_form.html',{

        'form':form
})

5.3 结合ORM实现文件上传

ORM中相关的类型

ImageField

FileField

类型参数upload_to,上传文件路径  %Y/%/m（文件路径下会生成时间文件夹）

models.FileField(upload_to='uploads/%Y/%m/%d/')

model模型中

class User(CommonModel):


    avatar = models.ImageField('用户头像',upload_to='avatar/%Y/%m',null=True,blank=True)
    

    class Meta:
        db_table = 'accounts_user'

冰镇毛衣
关注
Django——表单
weixin_45566993的博客
06-18 330
看了下教程，以为表单很简单呢，结果搞了一两个钟才弄懂，哈哈哈，所以说不要小瞧每一件事。先说明下HTTP请求：HTTP协议以"请求－回复"的方式工作。客户发送请求时，可以在请求中附加数据。服务器通过解析请求，就可以获得客户传来的数据，并根据URL来提供特定的服务。下面以输入框搜索为例，分别用get和post方法实战演练（还是基于DjangoTest项目演练），如下是效果图： 1）form的action属性说明：action=“/search/”，表示表单提交给的url，此处即表示表单提交后提交到http://
边学边体验django--HttpRequest 对象
CA1203的博客
08-11 225
每个view函数的第一个参数是一个HttpRequest对象。 HttpRequest对象包含当前请求URL的一些信息： 属性 描述 path 请求页面的全路径，不包括域名'/hello/' method 请求中使用的HTTP方法的字符串表示。全大写表示。例如: ifrequest.method=='GET':do_somet...
（django）03 django表单
akswyh的博客
07-07 296
三种django表单写法，原生HTML、django内置、bootstrap
Django中Form的Textarea字段
weixin_34072458的博客
12-11 1254
开始以为是这个样子：   [python] view plain copy   class BlogForm(forms.Form):       title    = forms.CharField(required = True)       content  = forms.Textarea()   查看文档发现是：     [python] view plain copy ...
Django中的Form表单
人生苦短，我用python
10-18 2177
Django-Form表单 继承 django.forms.Form 可以通过 django.forms 定义表单属性 Form 的用途 生成表单页面 （不常用） 验证数据 Form 表单的配置步骤 在 应用下、新建一个 forms.py, 在该模块下，定义当前应用下的 表单类 from django import forms class ResourceCommentForm(forms.Form): # 表单中的属性，要和 提交的属性保持一致 star = forms.I
django框架学习笔记
03-16
【标题】：“django框架学习笔记” 【描述】：“django学习” 在Python的世界里，Django是一个强大且受欢迎的Web框架，它遵循模型-视图-控制器（MVC）设计模式，用于快速开发高效且可维护的网站。Django强调代码...
django笔记 django笔记
06-16
本笔记将深入探讨Django的基础概念、核心功能以及实际应用。 1. **Django简介**： Django是由两位美国开发者在2005年创建的开源项目，它遵循MVC（模型-视图-控制器）设计模式，但更倾向于MTV（模型-模板-视图）...
python基于django的学习笔记系统源码.zip
10-27
这个“python基于django的学习笔记系统源码.zip”文件包含了一个使用Django框架构建的学习笔记系统的源代码。通过分析这个项目，我们可以深入理解Django的工作机制和开发流程。 1. **项目结构**：Django项目通常...
Django学习笔记.pdf
01-31
Django是一个高级的Python Web框架，它鼓励快速开发和干净...如果读者在阅读和学习过程中遇到问题，可以依据Django官方文档进行参考，或向IT社区和论坛寻求帮助。在实践中不断尝试和解决实际问题是提高技能的有效途径。
在Django admin里面将一个字段的编辑框变成textarea
07-06 529
在Django的admin里面想把一个字段的编辑框变成多行的，折腾了一会成功了。    需要在admin.py 文件里面进行修改，添加一下代码：   比如你想让你的Game对象里面的desc字段的编辑框变成textarea     from django import forms class GameForm(forms.ModelForm): desc = forms.Char
django textarea 大小设定
weixin_34306676的博客
10-18 1382
2019独角兽企业重金招聘Python工程师标准>>> ...
【Django框架】Django框架Model中数据类型
W's play ground
06-10 355
AutoField : 一个根据实际ID自动增长的IntegerField通常不指定将主键字段自动添加 CharField(max_length=字符长度) TextField : 大文本字段一般超过4000使用，默认的表单控件是Textarea IntegerFiels: 整数 DecimalField(max_digits=None,decimal_places=None) 使用python的Decimal实例表示的十进制浮点数 参数说明：DecimalField.max_digits位
Django(二)：与model字段与属性
菜鸟高乾伟
05-03 1847
举个例子：假设你的 MEDIA_ROOT='/home/media'，upload_to 设置为 'photos/%Y/%m/%d'，'%Y/%m/%d' 部分使用strftime() 提供。是 File 或 Image相对于 MEDIA_ROOT 的相对路径，你可以在 Django 里方便的使用这个地址，比如你的 ImageField 叫 tupian，你可以在 template 中用{{object.tupian.url}}。注意：总是在执行save 操作的时候执行，无法覆盖。常作为 创建时间 使用。
Django表单层字段解释
lienze.tech
11-17 390
前言 这几年一直在it行业里摸爬滚打，一路走来，不少总结了一些python行业里的高频面试，看到大部分初入行的新鲜血液，还在为各样的面试题答案或收录有各种困难问题 于是乎，我自己开发了一款面试宝典，希望能帮到大家，也希望有更多的Python新人真正加入从事到这个行业里，让python火不只是停留在广告上。 微信小程序搜索：Python面试宝典 或可关注原创个人博客：https://lienze.tech 也可关注微信公众号，不定时发送各类有趣猎奇的技术文章：Python编程学习 表单层 django提供了一
Django中Form的input字段改成Textarea字段
最新发布
weixin_45247650的博客
10-22 212
项目是原先qt开发的维修登记程序改为BS模式，（qt程序可以参考原先的教程），采用的python+django form表单默认的是input，部分字段需要修改为Textarea，才能填入更多内容。
Django-52-Form表单之widget部件
karry_孙二的博客
04-25 4137
概述 widgets是一个配置forms组件的参数配置(标签类型，属性等) widget可以为form渲染模板提供相应支持，可以在widget中指定标签的类型(默认TextInput)和属性(值) attrs attrs后面接的属性以及属性值为键值对形式 如:pwd = forms.CharField(max_length=32,label="密码",widget=forms.Passwo...
Django自定义Admin
luan_225的博客
08-03 433
Django自定义AdminDjango的后台管理定义模型类Model Meta 选项注册Model类效果展示\_\_str\_\_ 与list_display自定义change页合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的K...
js拼接html表单csrf_token,如何在javascript中使用{％csrf_token％}
weixin_36033929的博客
06-19 541
在我的用户页面中,我使用ajax进行编辑.当我点击编辑时,它工作正常.但是当我提交表格时,它什么也没做.当我检查时,这是错误：CSRF验证失败.请求中止.那么,我如何在我的javascript中放置{％csrf_token％}？请指教.谢谢.edit.js：function bookmark_edit() {var item = $(this).parent();var url = item.fi...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值