Django form表單那些事

来源:https://www.cnblogs.com/hxf175336/archive/2018/08/26/9539090.html
-Advertisement-
Play Games

參考來源：https://www.cnblogs.com/liwenzhou/p/8747872.html ...


 Django Form表單

Form介紹 

總結一下，其實Django form組件的主要功能如下:

  • 生成頁面可用的HTML標簽
  • 對用戶提交的數據進行校驗
  • 保留上次輸入內容

普通方式手寫註冊功能

views.py

 1 # 註冊
 2 def register(request):
 3     error_msg = ""
 4     if request.method == "POST":
 5         username = request.POST.get("name")
 6         pwd = request.POST.get("pwd")
 7         # 對註冊信息做校驗
 8         if len(username) < 6:
 9             # 用戶長度小於6位
10             error_msg = "用戶名長度不能小於6位"
11         else:
12             # 將用戶名和密碼存到資料庫
13             return HttpResponse("註冊成功")
14     return render(request, "register.html", {"error_msg": error_msg})

 

register.html

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>註冊頁面</title>
 6 </head>
 7 <body>
 8 <form action="/reg/" method="post">
 9     {% csrf_token %}
10     <p>
11         用戶名:
12         <input type="text" name="name">
13     </p>
14     <p>
15         密碼：
16         <input type="password" name="pwd">
17     </p>
18     <p>
19         <input type="submit" value="註冊">
20         <p style="color: red">{{ error_msg }}</p>
21     </p>
22 </form>
23 </body>
24 </html>

 

 register2.html

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>註冊2</title>
 6 </head>
 7 <body>
 8     <form action="/reg2/" method="post" novalidate autocomplete="off">
 9         {% csrf_token %}
10         <div>
11             <label for="{{ form_obj.name.id_for_label }}">{{ form_obj.name.label }}</label>
12             {{ form_obj.name }} {{ form_obj.name.errors.0 }}
13         </div>
14         <div>
15             <label for="{{ form_obj.pwd.id_for_label }}">{{ form_obj.pwd.label }}</label>
16             {{ form_obj.pwd }} {{ form_obj.pwd.errors.0 }}
17         </div>
18         <div>
19             <input type="submit" class="btn btn-success" value="註冊">
20         </div>
21     </form>
22 </body>
23 </html>

 

 看網頁效果發現 也驗證了form的功能：
• 前端頁面是form類的對象生成的                                      -->生成HTML標簽功能
• 當用戶名和密碼輸入為空或輸錯之後 頁面都會提示        -->用戶提交校驗功能
• 當用戶輸錯之後 再次輸入 上次的內容還保留在input框   -->保留上次輸入內容

form_obj生成HTML代碼的方式：
1.form_obj.as_p
2.自己挨個欄位取
3.form表單實現機制

<form action="/reg/" method="post">
{% csrf_token %}
{% for field in form_obj %}
{{ field.label}}
{{ field}}
{% endfor %}
</form>

 

Form那些事兒

常用欄位與插件

創建Form類時，主要涉及到 【欄位】 和 【插件】，欄位用於對用戶請求數據的驗證，插件用於自動生成HTML;

initial

初始值，input框裡面的初始值。

1 class LoginForm(forms.Form):
2     username = forms.CharField(
3         min_length=8,
4         label="用戶名",
5         initial="張三"  # 設置預設值
6     )
7     pwd = forms.CharField(min_length=6, label="密碼")

error_messages

重寫錯誤信息

 1 class LoginForm(forms.Form):
 2     username = forms.CharField(
 3         min_length=8,
 4         label="用戶名",
 5         initial="張三",
 6         error_messages={
 7             "required": "不能為空",
 8             "invalid": "格式錯誤",
 9             "min_length": "用戶名最短8位"
10         }
11     )
12     pwd = forms.CharField(min_length=6, label="密碼")

password

1 class LoginForm(forms.Form):
2     ...
3     pwd = forms.CharField(
4         min_length=6,
5         label="密碼",
6         widget=forms.widgets.PasswordInput(attrs={'class': 'c1'}, render_value=True)
7     )

 

radioSelect

單radio值為字元串

class LoginForm(forms.Form):
    username = forms.CharField(
        min_length=8,
        label="用戶名",
        initial="張三",
        error_messages={
            "required": "不能為空",
            "invalid": "格式錯誤",
            "min_length": "用戶名最短8位"
        }
    )
    pwd = forms.CharField(min_length=6, label="密碼")
    gender = forms.fields.ChoiceField(
        choices=((1, "男"), (2, "女"), (3, "保密")),
        label="性別",
        initial=3,
        widget=forms.widgets.RadioSelect()
    )

 

單選Select

1 class LoginForm(forms.Form):
2     ...
3     hobby = forms.fields.ChoiceField(
4         choices=((1, "籃球"), (2, "足球"), (3, "雙色球"), ),
5         label="愛好",
6         initial=3,
7         widget=forms.widgets.Select()
8     )

 

多選Select

1 class LoginForm(forms.Form):
2     ...
3     hobby = forms.fields.MultipleChoiceField(
4         choices=((1, "籃球"), (2, "足球"), (3, "雙色球"), ),
5         label="愛好",
6         initial=[1, 3],
7         widget=forms.widgets.SelectMultiple()
8     )

 

單選checkbox

1 class LoginForm(forms.Form):
2     ...
3     keep = forms.fields.ChoiceField(
4         label="是否記住密碼",
5         initial="checked",
6         widget=forms.widgets.CheckboxInput()
7     )

多選checkbox

1 class LoginForm(forms.Form):
2     ...
3     hobby = forms.fields.MultipleChoiceField(
4         choices=((1, "籃球"), (2, "足球"), (3, "雙色球"),),
5         label="愛好",
6         initial=[1, 3],
7         widget=forms.widgets.CheckboxSelectMultiple()
8     )

 

 

關於choice的註意事項：

在使用選擇標簽時，需要註意choices的選項可以從資料庫中獲取，但是由於是靜態欄位 ***獲取的值無法實時更新***，那麼需要自定義構造方法從而達到此目的。

方式一：

 1 from django.forms import Form
 2 from django.forms import widgets
 3 from django.forms import fields
 4 
 5  
 6 class MyForm(Form):
 7  
 8     user = fields.ChoiceField(
 9         # choices=((1, '上海'), (2, '北京'),),
10         initial=2,
11         widget=widgets.Select
12     )
13  
14     def __init__(self, *args, **kwargs):
15         super(MyForm,self).__init__(*args, **kwargs)
16         # self.fields['user'].choices = ((1, '上海'), (2, '北京'),)
17         # 或
18         self.fields['user'].choices = models.Classes.objects.all().values_list('id','caption')

 

方式二：

1 from django import forms
2 from django.forms import fields
3 from django.forms import models as form_model
4 
5  
6 class FInfo(forms.Form):
7     authors = form_model.ModelMultipleChoiceField(queryset=models.NNewType.objects.all())  # 多選
8     # authors = form_model.ModelChoiceField(queryset=models.NNewType.objects.all())  # 單選

Django Form所有內置欄位

Field
    required=True,               是否允許為空
    widget=None,                 HTML插件
    label=None,                  用於生成Label標簽或顯示內容
    initial=None,                初始值
    help_text='',                幫助信息(在標簽旁邊顯示)
    error_messages=None,         錯誤信息 {'required': '不能為空', 'invalid': '格式錯誤'}
    validators=[],               自定義驗證規則
    localize=False,              是否支持本地化
    disabled=False,              是否可以編輯
    label_suffix=None            Label內容尾碼
 
 
CharField(Field)
    max_length=None,             最大長度
    min_length=None,             最小長度
    strip=True                   是否移除用戶輸入空白
 
IntegerField(Field)
    max_value=None,              最大值
    min_value=None,              最小值
 
FloatField(IntegerField)
    ...
 
DecimalField(IntegerField)
    max_value=None,              最大值
    min_value=None,              最小值
    max_digits=None,             總長度
    decimal_places=None,         小數位長度
 
BaseTemporalField(Field)
    input_formats=None          時間格式化   
 
DateField(BaseTemporalField)    格式：2015-09-01
TimeField(BaseTemporalField)    格式：11:12
DateTimeField(BaseTemporalField)格式：2015-09-01 11:12
 
DurationField(Field)            時間間隔：%d %H:%M:%S.%f
    ...
 
RegexField(CharField)
    regex,                      自定製正則表達式
    max_length=None,            最大長度
    min_length=None,            最小長度
    error_message=None,         忽略，錯誤信息使用 error_messages={'invalid': '...'}
 
EmailField(CharField)      
    ...
 
FileField(Field)
    allow_empty_file=False     是否允許空文件
 
ImageField(FileField)      
    ...
    註：需要PIL模塊，pip3 install Pillow
    以上兩個字典使用時，需要註意兩點：
        - form表單中 enctype="multipart/form-data"
        - view函數中 obj = MyForm(request.POST, request.FILES)
 
URLField(Field)
    ...
 
 
BooleanField(Field)  
    ...
 
NullBooleanField(BooleanField)
    ...
 
ChoiceField(Field)
    ...
    choices=(),                選項，如：choices = ((0,'上海'),(1,'北京'),)
    required=True,             是否必填
    widget=None,               插件，預設select插件
    label=None,                Label內容
    initial=None,              初始值
    help_text='',              幫助提示
 
 
ModelChoiceField(ChoiceField)
    ...                        django.forms.models.ModelChoiceField
    queryset,                  # 查詢資料庫中的數據
    empty_label="---------",   # 預設空顯示內容
    to_field_name=None,        # HTML中value的值對應的欄位
    limit_choices_to=None      # ModelForm中對queryset二次篩選
     
ModelMultipleChoiceField(ModelChoiceField)
    ...                        django.forms.models.ModelMultipleChoiceField
 
 
     
TypedChoiceField(ChoiceField)
    coerce = lambda val: val   對選中的值進行一次轉換
    empty_value= ''            空值的預設值
 
MultipleChoiceField(ChoiceField)
    ...
 
TypedMultipleChoiceField(MultipleChoiceField)
    coerce = lambda val: val   對選中的每一個值進行一次轉換
    empty_value= ''            空值的預設值
 
ComboField(Field)
    fields=()                  使用多個驗證，如下：即驗證最大長度20，又驗證郵箱格式
                               fields.ComboField(fields=[fields.CharField(max_length=20), fields.EmailField(),])
 
MultiValueField(Field)
    PS: 抽象類，子類中可以實現聚合多個字典去匹配一個值，要配合MultiWidget使用
 
SplitDateTimeField(MultiValueField)
    input_date_formats=None,   格式列表：['%Y--%m--%d', '%m%d/%Y', '%m/%d/%y']
    input_time_formats=None    格式列表：['%H:%M:%S', '%H:%M:%S.%f', '%H:%M']
 
FilePathField(ChoiceField)     文件選項，目錄下文件顯示在頁面中
    path,                      文件夾路徑
    match=None,                正則匹配
    recursive=False,           遞歸下麵的文件夾
    allow_files=True,          允許文件
    allow_folders=False,       允許文件夾
    required=True,
    widget=None,
    label=None,
    initial=None,
    help_text=''
 
GenericIPAddressField
    protocol='both',           both,ipv4,ipv6支持的IP格式
    unpack_ipv4=False          解析ipv4地址，如果是::ffff:192.0.2.1時候，可解析為192.0.2.1， PS：protocol必須為both才能啟用
 
SlugField(CharField)           數字，字母，下劃線，減號（連字元）
    ...
 
UUIDField(CharField)           uuid類型
Django Form內置欄位

 

校驗

 方式一：

1 from django.forms import Form
2 from django.forms import widgets
3 from django.forms import fields
4 from django.core.validators import RegexValidator
5  
6 class MyForm(Form):
7     user = fields.CharField(
8         validators=[RegexValidator(r'^[0-9]+$', '請輸入數字'), RegexValidator(r'^159[0-9]+$', '數字必須以159開頭')],
9     )

 

方式二：

 

 1 import re
 2 from django.forms import Form
 3 from django.forms import widgets
 4 from django.forms import fields
 5 from django.core.exceptions import ValidationError
 6  
 7  
 8 # 自定義驗證規則
 9 def mobile_validate(value):
10     mobile_re = re.compile(r'^(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$')
11     if not mobile_re.match(value):
12         raise ValidationError('手機號碼格式錯誤')
13  
14  
15 class PublishForm(Form):
16  
17  
18     title = fields.CharField(max_length=20,
19                             min_length=5,
20                             error_messages={'required': '標題不能為空',
21                                             'min_length': '標題最少為5個字元',
22                                             'max_length': '標題最多為20個字元'},
23                             widget=widgets.TextInput(attrs={'class': "form-control",
24                                                           'placeholder': '標題5-20個字元'}))
25  
26  
27     # 使用自定義驗證規則
28     phone = fields.CharField(validators=[mobile_validate, ],
29                             error_messages={'required': '手機不能為空'},
30                             widget=widgets.TextInput(attrs={'class': "form-control",
31                                                           'placeholder': u'手機號碼'}))
32  
33     email = fields.EmailField(required=False,
34                             error_messages={'required': u'郵箱不能為空','invalid': u'郵箱格式錯誤'},
35                             widget=widgets.TextInput(attrs={'class': "form-control", 'placeholder': u'郵箱'}))

補充進階

 

應用Bootstrap樣式

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="x-ua-compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.min.css">
  <title>login</title>
</head>
<body>
<div class="container">
  <div class="row">
    <form action="/login2/" method="post" novalidate class="form-horizontal">
      {% csrf_token %}
      <div class="form-group">
        <label for="{{ form_obj.username.id_for_label }}"
               class="col-md-2 control-label">{{ form_obj.username.label }}</label>
        <div class="col-md-10">
          {{ form_obj.username }}
          <span class="help-block">{{ form_obj.username.errors.0 }}</span>
        </div>
      </div>
      <div class="form-group">
        <label for="{{ form_obj.pwd.id_for_label }}" class="col-md-2 control-label">{{ form_obj.pwd.label }}</label>
        <div class="col-md-10">
          {{ form_obj.pwd }}
          <span class="help-block">{{ form_obj.pwd.errors.0 }}</span>
        </div>
      </div>
      <div class="form-group">
      <label class="col-md-2 control-label">{{ form_obj.gender.label }}</label>
        <div class="col-md-10">
          <div class="radio">
            {% for radio in form_obj.gender %}
              <label for="{{ radio.id_for_label }}">
                {{ radio.tag }}{{ radio.choice_label }}
              </label>
            {% endfor %}
          </div>
        </div>
      </div>
      <div class="form-group">
        <div class="col-md-offset-2 col-md-10">
          <button type="submit" class="btn btn-default">註冊</button>
        </div>
      </div>
    </form>
  </div>
</div>

<script src="/static/jquery-3.2.1.min.js"></script>
<script src="/static/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>
Django form應用Bootstrap樣式簡單示例

批量添加樣式

可通過重寫form類的init方法來實現。

class LoginForm(forms.Form):
    username = forms.CharField(
        min_length=8,
        label="用戶名",
        initial="張三",
        error_messages={
            "required": "不能為空",
            "invalid": "格式錯誤",
            "min_length": "用戶名最短8位"
        }
    ...

    def __init__(self, *args, **kwargs):
        super(LoginForm, self).__init__(*args, **kwargs)
        for field in iter(self.fields):
            self.fields[field].widget.attrs.update({
                'class': 'form-control'
            })
批量添加樣式

 

ModelForm

form與model的終極結合。

class BookForm(forms.ModelForm):

    class Meta:
        model = models.Book
        fields = "__all__"
        l
您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • interface21 - web - DispatcherServlet（DispatcherServlet初始化流程）
    前言 最近打算花點時間好好看看spring的源碼，然而現在Spring的源碼經過迭代的版本太多了，比較龐大，看起來比較累，所以準備從最初的版本（interface21）開始入手，僅用於學習，理解其設計思想，後續慢慢研究其每次版本變更的內容。。。 先從interface21的一個典型web工程例子看起 ...
  • [BZOJ1385] [Baltic2000] Division expression
    題面 除法表達式有如下的形式: X1/X2/X3.../Xk 其中Xi是正整數且Xi<=1000000000(1<=i<=k,K<=10000) 除法表達式應當按照從左到右的順序求，例如表達式1/2/1/2的值為1/4.但可以在表達式中國入括弧來改變計算順序，例如(1/2)/(1/2)的值為1.現給 ...
  • 使用IDEA創建Java Web項目並部署
    前面給大家介紹了IDEA的安裝和基本配置，睡覺前Alan再給大家分享一下使用IDEA創建Java Web並部署訪問。 打開IDEA，File>New>Project，進入Java Enterprise創建一個Web Application項目，選擇使用的JDK 點擊Next 修改一下項目的名稱點擊F ...
  • SpringCloud Zuul基於Consul配置及詳解
    一.構建工程 1.引入依賴 2.創建主類 3.配置application.properties 這裡存在 api-a 和 api-b 兩個微服務應用, 當請求http://localhost:port/api-a/helloWorld, 會被路由轉發至 api-a 服務的 /helloWorld 接 ...
  • 網路傳輸模型/TCP協議/IP地址
    網路傳輸模型 基本模型 層次劃分 需要說明的是在網路傳輸層TCP可靠而UDP不可靠 傳輸層說明 說明一： 作為Python開發，咱們都是在應用層的HTTP協議之上進行開發的。 說明二： 網路編程，主要是瞭解我們Python能編寫的最低的層次， 即傳輸層的基本情況。 說明三： HTTP協議是基於TCP ...
  • 2019 Java面試題
    馬上又是一個金九銀十的招聘旺季，小編在這裡給大家整理了一套各大互聯網公司面試都喜歡問的一些問題或者一些出場率很高的面試題，給在校招或者社招路上的你一臂之力。 首先我們需要明白一個事實，招聘的一個很關鍵的因素是在給自己找未來的同事，同級別下要找比自己優秀的人，面試是一個雙向選擇的過程，也是一個將心比心 ...
  • 生成器
    一、生成器的定義 在函數中使用yield關鍵字，由函數返回的結果就是生成器。 1 def gen()： 2 print('gen') #函數內部的代碼不執行 3 yield 0 4 yield 1 5 yield 2 6 7 g = gen() 8 print(g) 9 print(next(g)) ...
  • Elasticsearch 操作
    集群健康檢查 取得健康狀態 GET /_cat/health?v 返回： 健康狀態分類 green：索引的primary shard和replica shard都是active狀態的 yellow：索引的primary shard都是active狀態的，但是部分replica shard不是acti ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類