一篇文章带你了解DjangoForm组件（入门篇）

前言

创新互联建站专注于企业全网整合营销推广、网站重做改版、柯城网站定制设计、自适应品牌网站建设、HTML5建站、商城网站定制开发、集团公司官网建设、外贸网站制作、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为柯城等各大城市提供网站开发制作服务。

Hey,大家好呀,我是码农,星期八。

本次咱们来get一个新技能,Form组件。

Form组件主要用于验证表单数据。

为什么需要Form组件

注:Form组件,只适用于,前后端未分离的项目中,主要用于验证表单数据,所以,关键字是表单!!!

比如像哔哩哔哩的注册界面。

我点击注册,它不仅仅可以知道我的注册昵称是否存在,密码是否小于6位,手机号格式错误。

还会把错误信息一直留在上面,给我提示。

我们就以这个为雏形,来简单的写一个小小的注册界面。

普通版注册

代码

urls.py

 
 
 
 
  
  
  
  from django.urls import path
  
  
  
  from web import views
  
  
  
  
  
  
  
  urlpatterns = [
  
  
  
      path('reg/', views.reg,),
  
  
  
  ]

web/views.py

 
 
 
 
  
  
  
  def reg(request):
  
  
  
      if request.method == "GET":
  
  
  
          return render(request, "reg.html")
  
  
  
  
  
  
  
      nick = request.POST.get("nick")
  
  
  
      pwd = request.POST.get("pwd")
  
  
  
      phone = request.POST.get("phone")
  
  
  
  
  
  
  
      error = {}
  
  
  
      if len(pwd) < 6:
  
  
  
          error["pwd"] = "密码小于6位"
  
  
  
      if len(phone) != 11:
  
  
  
          error["phone"] = "手机号格式错误"
  
  
  
  
  
  
  
      # error为空表示未触发异常
  
  
  
      if not error:
  
  
  
          print("写入数据库", nick, pwd, phone)
  
  
  
          return HttpResponse("注册成功")
  
  
  
      else:
  
  
  
          return render(request, "reg.html", {"error": error})

templates/reg.html

 
 
 
 
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
      
  
  
  
      登录
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
      
  
  
  
          
  
  
  
          
  
  
  
              
  
  
  
              {{ error.pwd }}

from django.shortcuts import render, HttpResponse
from django.forms import Form
from django.forms import fields
from django.forms import widgets
# Create your views here.
class RegForm(Form):
name = fields.CharField(
widget=widgets.TextInput(attrs={"placeholder": "昵称"})
)
pwd = fields.CharField(
min_length=6,
widget=widgets.TextInput(attrs={"placeholder": "密码"})
)
phone = fields.CharField(
min_length=11,
max_length=11,
widget=widgets.TextInput(attrs={"placeholder": "手机号"})
)
def reg(request):
if request.method == "GET":
form = RegForm()
return render(request, "reg.html", {"form": form})
form = RegForm(request.POST, request.FILES)
# 验证表单数据
if form.is_valid():
result = form.clean()
print(result)
return HttpResponse("登录")
return render(request, "reg.html", {"form": form})

登录
{% for foo in form %}
{{ foo }}
{{ foo.errors.0 }}
{% endfor %}