Django中的Form表单

最新推荐文章于 2024-07-23 21:46:01 发布
最新推荐文章于 2024-07-23 21:46:01 发布
阅读量4.9k 收藏 4
点赞数
分类专栏： Python 文章标签： django Form表单 转载

方式1：

from django.shortcuts import render,HttpResponse,redirect
from django.views import View
from django.core import serializers
import json

# Create your views here.
# class LoginView(View):
#     def dispatch(self, request, *args, **kwargs):
#         print('before')
#         response = super(LoginView,self).dispatch(request,*args,**kwargs)
#         print('after')
#         return response
#
#     def get(self,request,*args,**kwargs):
#         print('GET')
#         return render(request,'login.html')
#
#     def post(self,request,*args,**kwargs):
#         print('POST')
#         user = request.POST.get('user')
#         pwd = request.POST.get('pwd')
#         if user == 'alex' and pwd == '123':
#             request.session['username'] = user
#             return redirect('/index/')
#         else:
#             return render(request,'login.html',{'msg':'登陆失败'})
#
# def auth(func):
#     def inner(request,*args,**kwargs):
#         user =  request.session.get('username')
#         if user:
#             return func(request,*args,**kwargs)
#         else:
#             return redirect('/login/')
#     return inner
#
#
# """
# 在Django的CBV里面引入装饰器需要用到固定的格式
# """
#
# from django.utils.decorators import method_decorator
#
# class IndexView(View):
#     """
#     继承View的原因：要用到as_view等方法
#     """
#     @method_decorator(auth) #这里相当于一个总闸门
#     def dispatch(self, request, *args, **kwargs):
#         response = super(IndexView, self).dispatch(request, *args, **kwargs)
#         return response
#
#
#     # @method_decorator(auth) => 可以直接放在这里加
#     def get(self,request,*args,**kwargs):
#         return HttpResponse(request.session['username'])
from app01 import  models

def users(request):
    return render(request,'users.html')


def get_users(request):
    """
    function:我们需要加上response指定标准
    """
    response = {'status':True,'data':None,'msg':None}
    try:
        user_list = models.UserInfo.objects.values('id','username')
        # user_list = list(user_list),如果正确,则将user_list的数值赋值给data
        response['data'] = list(user_list)
    except Exception as e:
        response['status'] = False
        response['msg'] = str(e)

    data = json.dumps(response)
    return HttpResponse(data)




from django.forms import Form
from django.forms import fields
from django.forms import widgets


class UserForm(Form):
    #通过这个类可以帮我们生成相应的html标签
    user = fields.CharField(required=True)
    email = fields.EmailField(required=True)
    user_type = fields.ChoiceField(choices=[(1,'上海'),(2,'北京',),(3,'广州')])


class AddUserView(View):
    def get(self,request,*args,**kwargs):
        form = UserForm()
        return render(request,'add_user.html',{'form':form})

    def post(self,request,*args,**kwargs):
        form = UserForm(data=request.POST)
        #将用户提交的数据和UserForm中定义的规则进行匹配
        if form.is_valid():
            # 如果用户提交的数据正确,则获取用户所有的数据
            print(form.cleaned_data)
            return redirect('/xxxx.html')
        else:
            #显示相应的错误信息
            print(form.errors)
            # 此时前端自动将错误信息给显示出来了
            return render(request,'add_user.html',{"form":form})

前端页面：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h1>添加用户</h1>
    <form method="POST" novalidate>
        {% csrf_token %}
        {{ form.as_p }}
        <input type="submit" value="提交">
    </form>
</body>
</html>

运行结果：
这里写图片描述
问题：form.as_p不能够定制，虽然通过form.as_p可以生成form中所有的html标签，但是不能够定制，也不能够样式渲染。

   def as_p(self):
       "Returns this form rendered as HTML <p>s."
       return self._html_output(
           normal_row='<p%(html_class_attr)s>%(label)s %(field)s%(help_text)s</p>',
           error_row='%s',
           row_ender='</p>',
           help_text_html=' <span class="helptext">%s</span>',
           errors_on_separate_row=True)

改进1：（后端不做任何的改进，仅仅前端做改进）

<body>
    <h1>添加用户</h1>
    <form method="POST" novalidate>
        {% csrf_token %}
        {#  用户自定制相应的内容,form.errors.user实际上包含了很多的错误信息 #}
        <p>用户名:{{ form.user }}{{ form.errors.user }}</p>
        <p>邮箱:{{ form.email }}{{ form.errors.email.0 }}</p>
        <p>用户类型:{{ form.user_type }}{{ form.errors.user_type.0 }}</p>
        <input type="submit" value="提交">
    </form>
</body>

效果展示：
这里写图片描述
改进2：将错误的提示信息用中文显示出来。
后台：

from django.shortcuts import render,HttpResponse,redirect
from django.views import View
from django.core import serializers
import json

# Create your views here.
# class LoginView(View):
#     def dispatch(self, request, *args, **kwargs):
#         print('before')
#         response = super(LoginView,self).dispatch(request,*args,**kwargs)
#         print('after')
#         return response
#
#     def get(self,request,*args,**kwargs):
#         print('GET')
#         return render(request,'login.html')
#
#     def post(self,request,*args,**kwargs):
#         print('POST')
#         user = request.POST.get('user')
#         pwd = request.POST.get('pwd')
#         if user == 'alex' and pwd == '123':
#             request.session['username'] = user
#             return redirect('/index/')
#         else:
#             return render(request,'login.html',{'msg':'登陆失败'})
#
# def auth(func):
#     def inner(request,*args,**kwargs):
#         user =  request.session.get('username')
#         if user:
#             return func(request,*args,**kwargs)
#         else:
#             return redirect('/login/')
#     return inner
#
#
# """
# 在Django的CBV里面引入装饰器需要用到固定的格式
# """
#
# from django.utils.decorators import method_decorator
#
# class IndexView(View):
#     """
#     继承View的原因：要用到as_view等方法
#     """
#     @method_decorator(auth) #这里相当于一个总闸门
#     def dispatch(self, request, *args, **kwargs):
#         response = super(IndexView, self).dispatch(request, *args, **kwargs)
#         return response
#
#
#     # @method_decorator(auth) => 可以直接放在这里加
#     def get(self,request,*args,**kwargs):
#         return HttpResponse(request.session['username'])
from app01 import  models

def users(request):
    return render(request,'users.html')


def get_users(request):
    """
    function:我们需要加上response指定标准
    """
    response = {'status':True,'data':None,'msg':None}
    try:
        user_list = models.UserInfo.objects.values('id','username')
        # user_list = list(user_list),如果正确,则将user_list的数值赋值给data
        response['data'] = list(user_list)
    except Exception as e:
        response['status'] = False
        response['msg'] = str(e)

    data = json.dumps(response)
    return HttpResponse(data)




from django.forms import Form
from django.forms import fields
from django.forms import widgets


class UserForm(Form):
    #通过这个类可以帮我们生成相应的html标签
    user = fields.CharField(
        required=True,
        #自定义错误信息
        error_messages={'required':'用户名不能为空'}
    )
    email = fields.EmailField(
        required=True,
        #自定义错误信息
        error_messages={'required':'邮箱不能为空','invalid':'邮箱格式错误'}
    )
    ip  = fields.GenericIPAddressField(
        required=True,
        # 自定义错误信息
        error_messages={'required': 'IP不能为空', 'invalid': 'IP格式错误'}
    )
    user_type = fields.ChoiceField(choices=[(1,'上海'),(2,'北京',),(3,'广州')])


class AddUserView(View):
    def get(self,request,*args,**kwargs):
        #创建的类对象自动具有user、email和user_type三个属性
        form = UserForm()
        return render(request,'add_user.html',{'form':form})

    def post(self,request,*args,**kwargs):
        form = UserForm(data=request.POST)
        #将用户提交的数据和UserForm中定义的规则进行匹配
        if form.is_valid():
            # 如果用户提交的数据正确,则获取用户所有的数据
            print(form.cleaned_data)
            #{'user': 'fds', 'user_type': '1', 'email': '994343@qq.com', 'ip': '192.168.80.100'}
            return redirect('/xxxx.html')
        else:
            #显示相应的错误信息
            print(form.errors)
            # 此时前端自动将错误信息给显示出来了
            return render(request,'add_user.html',{"form":form})

前端：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h1>添加用户</h1>
    <form method="POST" novalidate>
        {% csrf_token %}
        {#  用户自定制相应的内容,form.errors.user实际上包含了很多的错误信息 #}
        <p>用户名:{{ form.user }}{{ form.errors.user }}</p>
        <p>邮箱:{{ form.email }}{{ form.errors.email.0 }}</p>
        <p>IP:{{ form.ip }}{{ form.errors.ip.0 }}</p>
        <p>用户类型:{{ form.user_type }}{{ form.errors.user_type.0 }}</p>
        <input type="submit" value="提交">
    </form>
</body>
</html>

效果展示：
这里写图片描述
到现在为止，我们在加入一个编辑的功能：
这里写图片描述
这里写图片描述
这里写图片描述
这里写图片描述
但是到现在为止还是有一个bug，这个bug就是当我的用户类型增加之后，在添加当中还是只显示以前的两个类型，只有通过重启之后才可以看到最新的类型：
解决方法：

class UserForm(Form):
    def __init__(self,*args,**kwargs):
        super(UserForm,self).__init__(*args,**kwargs)
        self.fields['ut_id'].choices = \
            models.UserType.objects.values_list('id','title')

    #通过这个类可以帮我们生成相应的html标签
    #字段名应该和数据库的名字一致
    #静态字段加载的时候只有在第一次才会执行
    username = fields.CharField(
        required=True,
        #自定义错误信息
        error_messages={'required':'用户名不能为空'}
    )
    password = fields.EmailField(
        required=True,
        #自定义错误信息
        error_messages={'required':'密码不能为空','invalid':'密码格式错误'}
    )

    # user_type = fields.ChoiceField(choices=[(1,'上海'),(2,'北京',),(3,'广州')])
    ut_id = fields.ChoiceField(choices=models.UserType.objects.values_list('id','title'))

总结：4个步骤1个问题

        总结：
            1. 创建Form类（本质就是正则表达式的集合）


            2. 只是生成HTML标签: 添加页面
                form = MyForm()

                {{form.xx}}

            3. 带默认值的HTML标签： 编辑页面
                form = MyForm(initial={'xx': xxx})

                {{form.xx}}

            4. 提交数据
                form = MyForm(data=request.POST)

                if form.is_valid():
                    print(form.cleaned_data)
                else:
                    print(form.errors)

            问题：下拉框数据无法实时更新
                class UserForm(Form):
                    username = fields.CharField(
                        required=True,
                        error_messages={'required':'用户名不能为空'}
                    )
                    password = fields.CharField(
                        required=True,
                        error_messages={'required': '邮箱不能为空','invalid':'邮箱格式错误'}
                    )

                    ut_id = fields.ChoiceField(choices=[])

                    def __init__(self,*args,**kwargs):
                        super(UserForm,self).__init__(*args,**kwargs)

                        self.fields['ut_id'].choices = models.UserType.objects.values_list('id','title')

到现在为止，我们可以进行一对一，一对多的操作了，我们此时如何进行input的定制操作呢？
下面是不能进行class等修饰的

<form method="POST" novalidate>
    {% csrf_token %}
    {#  编辑的时候应该有默认值  #}
    <p>用户名:{{ form.username }}{{ form.errors.username.0 }}</p>
    <p>邮箱:{{ form.password }}{{ form.errors.password.0 }}</p>
    <p>用户类型:{{ form.ut_id }}{{ form.errors.ut_id.0 }}</p>
    <p>用户角色:{{ form.role_id }}{{ form.errors.role_id.0 }}</p>
    <input type="submit" value="提交">
</form>

通过下面我们就可以将form表单嵌套在bootStrap当中：

class UserForm(Form):
    def __init__(self,*args,**kwargs):
        super(UserForm,self).__init__(*args,**kwargs)
        self.fields['ut_id'].choices = \
            models.UserType.objects.values_list('id','title')
        self.fields['role_id'].choices =\
            models.Role.objects.values_list('id','caption')
    #通过这个类可以帮我们生成相应的html标签
    #字段名应该和数据库的名字一致
    #静态字段加载的时候只有在第一次才会执行
    username = fields.CharField(
        required=True,
        #自定义错误信息
        error_messages={'required':'用户名不能为空'},
        widget=widgets.TextInput(attrs={'class':'form-control'})
    )
    password = fields.EmailField(
        required=True,
        #自定义错误信息
        error_messages={'required':'密码不能为空','invalid':'密码格式错误'},
        widget = widgets.Textarea(attrs={'class': 'form-control'})
    )
    # fields.EmailField()
    # fields.GenericIPAddressField(protocol='ipv4')
    # user_type = fields.ChoiceField(choices=[(1,'上海'),(2,'北京',),(3,'广州')])
    ut_id = fields.ChoiceField(
        choices=[],
        widget=widgets.Select(attrs={'class':'form-control'})
    )

    role_id = fields.MultipleChoiceField(
        choices=[],
        widget=widgets.SelectMultiple(attrs={'class': 'form-control'})
                                         )

综上我们的Form表单实际上有很多的功能，但是下面我们只使用Form表单验证的功能。
示例：只用表单验证的功能（Ajax提交）
这里写图片描述

一只懒得睁眼的猫
关注
专栏目录
Django之form表单
零度面北的博客
07-17 604
Django之form表单 Django的请求 默认页面请求都是get请求 Request是传递到视图的请求，里面包含请求的各种参数： 常用的请求方式： Get：默认是get请求，请求数据以明文形式放在路由上，get的格式是以？开头，键等于值的形式，以&来分割键值对，通常用于和服务器获取资源。 Post：请求数据隐藏发送，安全系数更高。通常用于向服务器提交资源。 Django默认提供了...
解决django中form表单设置action后无法回到原页面的问题
12-20
在Django框架中，表单处理是一个常见的任务，但当我们在HTML表单中设置了`action`属性时，可能会遇到一个问题：点击提交按钮后，页面会跳转至`action`所指定的URL，而不是用户期望的返回原页面。这在某些情况下并不...
Django 表单
热门推荐
Allen
09-08 1万+
文章目录Django 表单HTTP 请求GET 方法POST 方法Request 对象QueryDict对象 Django 表单 HTML表单是网站交互性的经典方式。 本章将介绍如何用Django对用户提交的表单数据进行处理。 HTTP 请求 HTTP协议以"请求－回复"的方式工作。客户发送请求时，可以在请求中附加数据。服务器通过解析请求，就可以获得客户传来的数据，并根据URL来提供特定的服务。 GET 方法 我们在之前的项目中创建一个 search.py 文件，用于接收用户的请求： /HelloWorl
Django Form表单，常用表单字段
最新发布
人生苦短，何妨一试
07-23 1190
在Django中，表单（Forms）是处理用户输入数据的重要工具。Django提供了两种主要方式来创建和处理表单：使用Django的表单API手动创建表单，或者使用模型表单（ModelForms）自动从数据库模型生成表单。
Django中的Form
weixin_34319640的博客
07-21 91
2019独角兽企业重金招聘Python工程师标准>>> ...
Django中使用表单
ins_s的博客
03-02 2259
使用表单表单用 user 提交数据，是网站中比较重要的一个内容GET 和 POST 方法GET 和 POST 的区别URL，全称是"统一资源定位符"。用于对应互联网上的每一个文件。而 GET、POST 等方法，本质上就是对这个 URL 进行一系列的操作。GET、POST、PUT、DELETE 分别对应对资源进行查、改、增、删。因此，任何对系统状态有改变的请求(例如，对数据库的数据进行修改)都应该使...
django：使用表单
dangfulin的博客
01-28 3384
一，什么是表单 HTML——表单可做为一个简单的入门。 二，django与表单 （一）django中的表单 django中的表单与原生HTML表单有所不同，比如django框架的模板系统能根据表单类自动扩展为HTML表单、配合模板标签实现CSRF防护、表单API提供自带的数据验证功能、甚至能根据模型自动生成对应的表单方便操作模型数据等等。 无论是与原生HTML表单的生成与渲染方便性相比，还是与使用原生JavaScript进行表单数据验证等操作相比，django的表单系统更占优势。 Handling for
HTML的form表单和django的form表单
09-18
HTML的form表单和Django的form表单是Web开发中的两种重要概念，它们在构建交互式用户界面中起着核心作用。HTML的form表单主要用于收集用户输入的数据，而Django的form表单则是一种更高级的抽象，用于处理这些数据的...
django做form表单的数据验证过程详解
12-25
我们之前写的代码都没有对前端input框输入的数据做验证，我们今天来看下，如果做form表单的数据的验证 在views文件做验证 首先用文字描述一下流程 1、在views文件中导入forms模块 2、然后创建一个类，继承forms.form...
django中的Form
weixin_30580943的博客
11-12 140
一、django中form的功能以及验证形式 1、django的form主要具有以下几大功能： 生成HTML标签 验证用户数据（显示错误信息） HTML Form提交保留上次提交数据 初始化页面显示内容 2、通过Form验证有俩种形式 Form表单提交 　　　　验证、并可以保留上次内容 Ajax提交 　　　　验证、无需上次内容（Ajax提交数据页面不会刷...
django 基础知识 ~ forms详解
weixin_33805992的博客
06-06 290
一 简介 今天咱们来聊聊 django强大的表单功能二 分类 1 ModelFrom ModelFrom只需要声明指定字段,其他的选择继承 2 Froms （我们今天主要推这个) 1 Forms需要声明规定每个字段 2 forms.py文件 BaseForm,Form，DeclarativeFieldsMetaclass 3 froms.py继承了相关字段的属性,所...
Django中的Form组件
__tian__的博客
01-15 1324
Form介绍 在HTML页面中利用form表单向后端提交数据时，都会写一些获取用户输入的标签并且用form标签把它们包起来。 与此同时我们在好多场景下都需要对用户的输入做校验，比如校验用户是否输入，输入的长度和格式等正不正确。如果用户输入的内容有错误就需要在页面上相应的位置显示对应的错误信息.。 Django带有一个form库，称为django.forms，这个库可以处理我们本章所提到的包括...
django系列10 --- 表单
因热爱而坚持，因坚持而愈发热爱。
05-26 1763
接收、处理、响应客户在界面的输入
表单forms的设计与使用
liuskyter
04-16 1393
什么是表单？何时使用表单？ 在web开发里表单的使用必不可少。表单用于让用户提交数据或上传文件，表单也用于让用户编辑已有数据。Django的表单Forms类的作用是把用户输入的数据转化成Python对象格式，便于后续操作（比如存储，修改）。 自定义表单 类似模型，Django表单也由各种字段组成。表单可以自定义(forms.Form)，也可以由模型Models创建(forms.ModelFo...
django2中表单的使用
水痕
04-20 606
前一章节介绍了django中的表单,本章节继续介绍表单,但是本章节是基于数据模型来使用的表单,因为我们也称之为模型表单 一、使用模型表单的主要步骤 1、定义数据模型 from django.db import models from django.core import validators class ArticleModel(models.Model): """ 定...
Django的form表单
zhaobig的博客
10-11 3753
环境：Windows、Python2.7.13 编辑器：pycharm 使用库：django1.11.5 目标：使用定制forms在前端展示一个简单的加法运算 在很多情况下，前端页面form表单约束，并不能满足我们的需求，就需要自定义form表单，而django中也提供了form表单机制。 forms.py文件：Django提供的用于自定义表单的文件，可以取代HTML中的标签，H
Django表单
那都不是事
06-04 247
Django表单 作用：（1）自动生成html标签；（2）验证输入内容 class UserForm(forms.Form): username = forms.CharField(label='用户名', max_length=100) password = forms.CharField(label='密码',widget=forms.PasswordInput()) ...
Django——表单/admin站点详解
[ 「今でもあなたは私の光。」❤️如今你依旧是我的光。
12-21 1117
{{fom.字段名.field}}；例如，{{form.name.field.max_length}}。{{fom.字段名.lable_tag}} ：封装在HTML-label元素中的label文本，包含表单的label_suffix。{{fom.字段名.lable}}:字段的label文本，例如，“姓名”。{{form.字段名.errors}} ：字段未通过验证时的错误信息。{{form.字段名.help_text}} ：字段的帮助文本。{{form.字段名.value}}：字段值。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值