前端動態表單的處理方法

2022-09-04 20:27:08 字數 815 閱讀 4692

背景:

類似於如下的表單的形式,如果我們提前知道了表單的key,那麼我們就可以通過正常的處理表單形式,完成相關資料的獲取。

但是,如果我們事先不知道表單的屬性key值及對應的輸入框還是select框, 那我們就得選擇其他方式處理。

步驟一:首先,我們約定,後台返回的格式如下:

其中,code欄位的具體值為表單的key,type為到底是輸入框還是選擇框,name可以是表單的lable。

步驟二:根據返回的資料迴圈表單

根據資料按如上的迴圈渲染方式,可將動態表單迴圈出來。

注意,此步驟一定要做,而且得賦初始值,即使初始值為空。否則會出現,輸入框裡面輸入不到值進而拿不到值。而且得用  $set的方法,因為此塊沒有雙向資料繫結的效果,必須使用$set 的方式來進行賦值。

步驟四:拿到form表單的值後,根據實際情況做進一步處理。

此塊,我們就可以根據實際的需要進行進一步處理。

Flask處理Web表單的實現方法

web表單是web應用程式的基本功能。它是html頁面中負責資料採集的部件。表單有三個部分組成 表單標籤 表單域 表單按鈕。表單允許使用者輸入資料,負責html頁面資料採集,通過表單將使用者輸入的資料提交給伺服器。在flask中,為了處理web表單,我們一般使用flask wtf擴充套件,它封裝了w...

動態表單 (一)動態表單的定義

根據愛因斯坦相對論有動態表單說明是有靜態表單的存在,生活中乃至世界任何兩個有質量的物體都是運動的,這只是相對論的狹隘解析即狹義相對論,平常我們討論的也往往是狹義相對論,這一理論的提出給物理學帶來了革命性的變化,共同奠定了現代物理學的基礎。相對論極大地改變了人類對宇宙和自然的 常識性 觀念,豐富了我們...

Flask的表單處理

web 表單是在任何乙個 web 應用程式中最基本的一部分。我們將使用表單允許使用者寫文章,以及登入到應用程式中。乙個名為 flask wtf 的擴充套件,將 wtforms 整合到 flask 程式,可以幫助完成很多事情 表單類表單的建立,可以通過繼承從 flask wtf 匯入的form父類實現...