Django中如何使用 Form组件

2024-04-02 19:04:59 611人浏览安东尼

摘要

Django中如何使用 FORM组件，针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。为什么需要Form组件注:Form组件,只适用于,前后端

Django中如何使用 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

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>登录</title> </head> <body> <div style="width: 40%;margin: auto">     <form action="" method="post">         <div><input name="nick" type="text" placeholder="昵称"></div>         <div>             <input name="pwd" type="passWord" placeholder="密码">             <span>{{ error.pwd }}</span>         </div>         <div>             <input name="phone" type="text" placeholder="手机号">             <span>{{ error.phone }}</span>         </div>         <div><input type="submit"></div>     </form> </div>  </body> </html>

实现效果

如果填写的信息正常。

填写信息

跳转之后

如果填写的信息错误。

填写信息

错误提示

小总结

但是你发现虽然能把错误信息显示出来。

但是我原来填写的东西没了啊!!!,因为html form表单提交是刷新页面提交的!

雾草,没了,这是少的,如果有十几个???，那不就气死了

好像我记得我上学时,好多网站都是这。。。好像我也骂了很久,直到前后端分离时,才好一点!

Form组件版注册

再使用之前,需要将Django项目的settings.py的LANGUAGE_CODE设置为zh-hans

代码

以下代码可能看不懂,大概理解就好!