【20.0】Django框架之Form组件

【一】Django的表单系统

【1】使用表单

(1)原始表单

• 我们之前在HTML页面中利用form表单向后端提交数据时
  • 都会写一些获取用户输入的标签并且用form标签把它们包起来。
• 与此同时我们在好多场景下都需要对用户的输入做校验
  • 比如校验用户是否输入
  • 输入的长度和格式等正不正确。
• 如果用户输入的内容有错误就需要在页面上相应的位置显示对应的错误信息.。

<form action="/your-name/" method="post">
    <label for="your_name">Your name: </label>
    <input id="your_name" type="text" name="your_name" value="{
   { current_name }}">
    <input type="submit" value="OK">
</form>

• <form action="/your-name/" method="post">这一行定义了我们的发送目的地/your-name/和HTTP方法POST。
• form元素内部还定义了一个说明标签<label>和一个发送按钮submit，以及最关键的接收用户输入的<input>元素。
• 具体的更多HTML语言相关内容，请自行学习。

Django form组件就实现了上面所述的功能。

(2)Django的表单系统

• Django的Form表单类与Django模型描述对象的逻辑结构、行为以及它呈现给我们内容的形式的方式大致相同。

• 那为什么有了模型，还要自己创建表单类呢？

• 原因之一是模型中有一些字段你不需要用户从前端输入数据，或者需要用户额外输入一些非模型字段的数据。

• Form表单精确控制了这些行为，相当于你在用户HTML表单输入框和Django模型之间的中间件。

【2】form组件的主要功能

• 生成页面可用的HTML标签
• 对用户提交的数据进行校验
• 保留上次输入内容

【二】需求介绍

• 写一个注册功能
  • 获取用户名和密码，利用form表单提交数据
  • 在后端判断用户名和密码是否符合一定的条件
    • 用户名中不能包含啦啦啦
    • 密码不能少于三位
  • 如果符合条件需要你将提示信息展示到前端页面

【二】form表单实现

【1】点击提交按钮返回比对信息

(1)前端页面

<form action=