小白IT：Django框架—form组件和ModelForm

最新推荐文章于 2023-05-11 20:35:14 发布
最新推荐文章于 2023-05-11 20:35:14 发布
阅读量556 收藏 8
点赞数
分类专栏： Python入门基础 文章标签： django 后端 python
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yidianyidei/article/details/106533967
版权

文章目录

一、form简介

我知道前端页面可以通过form表单向后端提交数据，需要用form表单将获取用户输入的标签包裹起来。

与此同时，很多场景，我们需要对用户的输入进行校验，如长度/格式合不合法，若不合法我们希望在相应的位置提示用户对应的错误信息。

如果我们通过js来实现上述效果，必然是可以的，但是过程很复杂，而Django中的form组件帮我们封装好了所有上述的功能，只需要调用一些接口就可以实现。

1.form组件的功能

form组件的功能

  1. 通过后端的form组件生成前端页面对应的HTML标签
  2. 对前端form页面提交的数据进行合法性校验，并作出相应提示
  3. 校验的之后可以保留前端页面输入内容，增加用户体验

2.form组件的简单使用

数据库模型准备

新建项目form_lesson下app01文件中的models.py

models.py

执行同步指令makemigrations和migrate同步到数据库，添加一些数据后表结构如下
在这里插入图片描述

form简单使用

使用form之前需要定义一个类，来继承forms.Form。

这里为了项目的整洁性，我们另起一个文件夹，命名utils，在里面写我们要定义的类

在这里插入图片描述

from django import forms

class LoginForm(forms.Form):
    # 按照form组件定义自己的类，需要继承forms.Form
    username = forms.CharField(
        label="用户名",
        min_length=8,
        error_messages={
   
            "required": "不能为空",
            "invalid": "格式错误",
            "min_length": "用户名最短8位"
        },
        widget=forms.widgets.TextInput(attrs={
   "class": "form-control"})
    )  # form字段名称是前端input标签的name属性。
    password = forms.CharField(
        label="密码",
        min_length=12,
        widget=forms.widgets.PasswordInput(attrs={
   "class": "form-control"})
    )
在视图函数中写注册函数
from django.shortcuts import render,HttpResponse,redirect
from utils.formlesson import LoginForm  # 导入自定义的RegFrom类

def login(request):
    form_obj = LoginForm()  # 实例化一个form对象
    if request.method=="POST":
        form_obj = LoginForm(data=request.POST)  # 将input标签的name属性值和form字段相同的数据进行form校验
        if form_obj.is_valid() and request.POST.get("username") == "alex" and request.POST.get("password") == "alex":  # 用is_valid方法判断提交的数据是否合法
            return HttpResponse("登录成功")
    return render(request,"login.html",{
   "form_obj":form_obj})  # 如果是get请求，返回页面，并且通过form对象在前端渲染获取html标签。
模板文件login.html文件
{
   % load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="{% static 'bootstrap-3.3.7-dist/css/bootstrap.min.css' %}" rel="stylesheet">
</head>
<body>
<div class="container">
    <div class="col-sm-6 col-sm-offset-3">
        <form action="{% url 'register' %}" method="post" novalidate>  <!--novalidate告诉浏览器，不需要对输入内容做校验,以便我们使用自己的校验提示-->
            {
   % csrf_token %}
            <!--第一种写法:直接生成，但是不利于个性化定制-->
            {
   {
    form_obj.as_p }}


            <!--第二种写法：更利于个性化的定制-->
            <div class="form-group">
                <label for="{
   { form_obj.username.id_for_label }}">{
   {
    form_obj.username.label }}</label>
                <!--获取input标签的id给for属性，获取label提示的名字-->
                {
   {
    form_obj.username }}  <!--获取form对象的字段name，生成name="name"的input标签-->
                {
   {
    form_obj.username.errors.0 }}  <!--获取name字段校验后的错误提示-->
                {
   {
    form_obj.errors }}  <!--获取form标签全局的错误提示,里面统计了所有input标签的错误信息-->
            </div>

            <div class="form-group">
                <label for="{
   { form_obj.password.id_for_label }}">{
   {
    form_obj.password.label }}</label>
                {
   {
    form_obj.password }}
                {
   {
    form_obj.password.errors.0 }}
            </div>

            <!--第三种写法：通过for循环对象中的字段，写法更加简便-->
            {
   % for field in form_obj %}  <!--循环form对象中的所有字段,对每个字段生成相应的标签-->
                <div class="form-group">
                    <label for="{
   { field.id_for_label }}">{
   {
    field.label }}</label>
                    {
   {
    field }}
                    {
   {
    field.errors.0 }}
                </div>
            {
   % endfor %}
            <input type="submit">
        </form>
    </div>
    <div class="row">

        <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
        <script src="{% static 'bootstrap-3.3.7-dist/js/bootstrap.min.js' %}"></script>
</body>
</html>

通过前端页面效果，验证了form组件的功能：

  1. 前端页面是form类的对象生成的 -->生成HTML标签功能
  2. 当用户名和密码输入为空或输错之后 页面都会提示 -->用户提交校验功能
  3. 当用户输错之后 再次输入 上次的内容还保留在input框 -->保留上次输入内容

二、Form中常用字段约束与插件

创建Form类时，主要涉及到【字段】和【插件】，字段用于对用户请求数据的验证，插件用于自动生成HTML;

1.常用字段约束与对应插件

我们通过在formlesson中再定义一个注册form类来演示不同字段约束的标签效果。

通过forms.widgets.插件名(attrs={key,val})来为标签指定插件以及添加属性，添加的属性可以应用bootstrap中的样式类。

initial

initial是input标签输入框中的初始值

from django import forms  # 导入froms模块
class RegForm(forms.Form):
    username = forms.CharField(
        min_length=8,  # 用户名最小长度
        label="用户名",
        initial="张三",
        widget=forms.widgets.TextInput(attrs={
   "class":"form-control"})
    )
error_messages

自定义错误信息提示内容

class RegForm(forms.Form):
    username = forms.CharField(
        min_length=8,
        label="用户名",
        initial="张三",
        error_messages={
     # 自定义错误信息提示内容
            "required": "内容不能为空",  # 原本为
            "invalid": "格式错误",
            "min_length": "用户名最短8位"
        },
        widget=forms.widgets.TextInput(attrs={
   "class":"form-control"})  # 给input标签的添加插件，并添加属性bootstrap样式属性
    )

在这里插入图片描述

passw
最低0.47元/天 解锁文章
yidianyidei
关注
  • 0
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Django之Form组件
weixin_30486037的博客
03-16 150
Django的Form主要具有一下几大功能： 生成HTML标签 验证用户数据（显示错误信息） HTML Form提交保留上次提交数据 初始化页面显示内容 小试牛刀 1、创建Form类 from django.forms import Form from django.forms import widgets from django.forms import field...
django modeForm总结！
wjy397的专栏
10-29 799
从前台通过ajax将整个model的字段发送过来，在view层肯定是可以直接操作model来保存删除记录的，而不需要一个个将字段取出然后自己动手对应到model上 model类： class SysMenu(models.Model): id = models.CharField(db_column='ID', primary_key=True, max_length=50) # F
Django之Form、ModelForm 组件
agurt80004的专栏
07-03 309
一、Form组件： django框架提供了一个form类，来处理web开发中的表单相关事项。众所周知，form最常做的是对用户输入的内容进行验证，为此django的forms类提供了全面的内容验证和保留用户上次输入数据的支持。 form组件有2大大功能 对用户提交的内容进行验证（form表单/Ajax） 保留用户上次输入的内容 1、对用户提交的数据进行验证 form组...
Django-Form表单和ModelForm
Jamin2018的博客
01-11 2244
1.form.py from django import forms from operation.models import UserAsk class UserAskForm(forms.Form): name = forms.CharField(required=True,min_length=2,max_length=20) mobile = forms.Cha
Django之路12——form modelform formset modelformset的各种用法
weixin_30840253的博客
09-10 165
首先上结论： 　　form适用于对单个表单的操作，并且需要对每个字段的验证规则自定义。 　　modelform：适用于对用户提交的单个表单操作，字段可以用model中的表的字段来作为验证规则，适用于快速的进行增加、修改。 　　formset：适用于对多个表单进行操作，字段需要也可以用model中的表的字段来作为验证规则。 　　modelfoemset：适用于对多个表单进...
Python Web框架之Django框架Form组件用法详解
09-18
在Python Web开发中，Django框架是一个非常强大的工具，它提供了许多便利的功能，其中之一就是Form组件。Django Form是用于处理HTML表单数据并进行验证的高级组件，它简化了客户端与服务器之间的交互过程。 首先，...
django框架ModelForm组件用法详解
01-20
本文实例讲述了django框架ModelForm组件用法。分享给大家供大家参考，具体如下： ModelForm组件是django中一个非常强大的组件，其功能主要有 一 校验字段 ModelForm组件的主要格式为： 继承组件 from django import...
Python培训基础教程：django框架搭建和安装.pptx
最新发布
05-30
下面是关于 Django 框架的搭建和安装的知识点： Django 框架的安装 在安装 Django 框架之前，需要先安装 Python。然后，切换到 Django 安装包所在目录，运行 `python setup.py install` 命令来安装 Django。安装...
form组件和modelform
日上フブキのブログ
06-29 301
form组件 先来个注册页面项目 models.py # models.py from django.db import models class UserInfo(models.Model): id = models.AutoField(primary_key=True) user = models.CharField(max_length=32, unique=...
技术文档3：Django From和ModelFrom组件的使用
qq_47112287的博客
05-23 686
Form的定义： 创建Form类时，主要涉及到 【字段】 和 【插件】，字段用于对用户请求数据的验证，插件用于自动生成HTML; 在使用选择标签时，需要注意choices的选项可以从数据库中获取，但是由于是静态字段 ***获取的值无法实时更新***，那么需要自定义构造方法从而达到此目的。 根据{{ form }}，所有的表单字段和它们的属性将通过Django 的模板语言拆分成HTML 标记 。 form标签novalidate属性： novalidate 属性规定当提交表单时不对其进行验证。如果使用
python前后端不分离结合modelFrom实现的增删改查
surge
05-11 348
前端页面采用了Bootstrap框架，快速建站的目的，需要说明了的是。此处是将公共组件独立出来，其他页面是需要继承其页面即可，由于页面较多，这里只将继承逻辑演示一下。需要注意的是这里使用了二级路由，具体情况根据自己情况灵活运用。继承页面-这里注意查看继承规则-即头部引用文件处。
Camunda入门（三） - BPMN、DMN、Form相关模型介绍（持续补充...）
罗小爬的技术宝书
02-02 1万+
Camunda中流程定义相关模型BPMN、DMN、Form的介绍， 学习过程中...，会持续记录新内容。
从模型创建表单ModelForm
defending的博客
11-02 4016
从模型创建表单 ModelForm¶ class ModelForm¶ 如果你正在构建一个数据库驱动的应用，那么你应该会有与Django 的模型紧密映射的表单。举个例子，你也许会有个BlogComment 模型，并且你还想创建一个表单让大家提交评论到这个模型中。 在这种情况下，在表单中定义字段将是冗余的，因为你已经在模型中定义了字段。 基于这个原因，Django 提
django-ModelForm模型表单的使用
weixin_44737646的博客
12-18 717
ModelForm: 模型表单类 表单类forms和模型类models的字段基本上是一样的, django内置了ModelForm模型表单类,将两者绑定一起结合使用 ModelForm: 模型表单类的使用 1.定义模型类 2.定义表单类, 导入定义好的模型类 3.定义视图直接使用 使用说明 关于forms表单类的使用 forms表单类继承: forms.ModelForm 内置的Met...
ModelForm
weixin_30765505的博客
01-24 941
ModelForm 模型的属性与表单属性对应关系 如果模型字段设置了blank=True，那么表单字段的required属性被设置为False，否则required=True。 表单字段的label设置为模型字段的verbose_name，并且首字母大写。 表单字段的help_text设置为模型字段的help_text。 如果模型字段设置了choic...
Django自学笔记 6-3 使用模型（models）创建表单（form）
大爽老师的博客
12-29 1076
————总目录——前言——框架版本———— ======================= 大爽歌作，made by big shuang ======================= 三 使用模型（models）创建表单（form） 本文参考：Forms for models 1 - 初步介绍 很多时候，我们使用的表单，是与模型密切关联的（官方文档称之为紧密映射）。 比如注册学生账号，其表单与学生的模型字段基本是一一对应的。 这种情况下，自己一个一个去编辑设置表单的字段比较费事，而且如果模型中有.
Django中checkbox复选框的传值问题
Sponge_bobo的博客
08-03 3109
Django 中，html 页面通过 form 标签来传递表单数据。 对于复选框信息，即 checkbox 类型，点击 submit 后，数据将提交至 view 中的函数。 我们通过 request.POST.get() 函数来获取来自 html 页面的值，但是该函数只能 get 到选中的最后一个值。 因此想要传递选中的多个值，需要用 request.POST.getlist() 函数，该函...
django中ModelForm多表单组合的解决方案
热门推荐
陶辉：聚焦分布式系统的程序员
10-10 1万+
django是python语言快速实现web服务的大杀器，其开发效率可以非常的高！但因为秉承了语言的灵活性，django框架又太灵活，以至于想实现任何功能都有种“条条大路通罗马”的感觉。这么多种选择放在一起，如何分出高下？我想此时的场景下就两个标准：1、相同的功能用最少的代码实现（代码少BUG也会少）；2、相对最易于理解，从而易于维护和扩展。书归正传，web服务允许用户输入，基本上要靠表单。而dj
django 记录六Form、ModelForm和modelformset_factory
CrazyDemo的博客
07-21 1074
djangoform组件 生成页面可用的HTML页面 对用户提交的数据进行校验 保留上次输入的内容 基本示例 # views from django.shortcuts import render, HttpResponse from django import forms class RegForm(forms.Form): name = forms.CharField( required=True, # 是否为空 ..
python3开发进阶-Django框架的Form表单系统和基本操作.docx
04-19
本文主要介绍了Python3开发进阶中的Django框架的Form表单系统和基本操作。文章从什么是表单、表单的作用、表单的HTML代码结构等方面入手，详细介绍了Django框架中Form表单系统的基本使用以及相关操作。 首先，文章...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值