表單頁是用户與系統進行交互的最重要的形態,它包含各種輸入組件,如文本框、下拉列表、單選按鈕、複選框等,方便用户輸入和選擇數據,他可以展示系統內部的數據詳情,也可以作為用户提交修改數據的業務入口,所以它是低代碼快速開發平台最基礎的能力之一。
表單與列表頁
表單是列表頁上最常見的按鈕觸發的組件,不管是表級按鈕還是行級按鈕,點擊按鈕後觸發對應的彈窗頁面等,通過列表頁的按鈕觸發控制表單的彈出執行,
通過列表頁的按鈕設置觸發表單,這個過程中可以設置表單是在PC端、移動端打開、 以彈窗形式還是以新標籤頁的形式等,這裏就不一一介紹了。除了列表頁通過按鈕集成表單以外,表單也可以直接集成列表頁,那麼接下來我們看看具體的配置:
那麼配置的方式是在表單設計器中,引用列表頁這個組件,從而實現表單中 嵌套列表頁。
表單與數據模型
當然,在表單操作的過程中,往往伴隨着對數據模型的操作,比如新增表單 ,那麼會在數據模型中新增插入數據,修改表單時,往往會對數據模型中的數據進行修改 ,這裏就不去對這塊CRUD 操作數據模型做介紹了。 我們這裏介紹在頁面設計的階段,表單的保存可以創建數據模型、修改數據模型。
通過直接創建表單頁面,系統自動生成對應的數據模型,如下面展示的內容
表單與流程
在JVS低代碼快速開發平台中,流程審批是人蔘與的業務內容,那麼流程過程中人所需要對數進行提交,那麼在配置流程時,可以創建表單,如下圖所示:
在選擇對應的業務處理點時,可以設置當前環節的表單,可以通過自定義表單、也可以通過選擇系統中已經有的表單,這樣,相當於在業務流程執行過程中嵌套表單的設計。
表單與邏輯
表單是作為數據錄入與查看的方式之一,對於複雜的數據交互操作,那麼就需要表單與邏輯的配合設置,因為邏輯核心的能力就是通過編排的方式對數據進行加工處理,那麼表單往往在數據錄入的過程中或者提交後聯動業務邏輯,實現複雜的業務動作,也就是俗稱為 增刪改查背後的業務功能。那麼表單聯動邏輯有很多種方式:
1、基於組件的數據聯動(下拉框、單選、複選)
①:表單設計中,選中下卡框組件進入畫布
②:選中下拉框的組件,右側展示屬性配置面板
③:選中數據來源(下拉選項來源的方式)
④:可以設置來源於邏輯引擎返回(這裏可以通過邏輯最後查詢加工計算的結果生成下拉的展示選項內容)
當然這裏類似的方式還有單選、複選等組件,如下圖所示:
2、基於組件的失焦觸發邏輯
這種功能常用於數據錄入後,就立即執行某個功能,例如:輸入了身份證號後,系統自動檢測身份證號是否在本地的黑名單庫中已經存在,自動判斷用户身份的合法性。
在這種類型的場景中,就需要用到“失焦觸發”,也就是用户的錄入完成後,當前組件的選中狀態變換為非選中狀態時,就觸發邏輯,配置的方式如下圖所示:
①:選中需要配置失焦觸發的組件,打開屬性配置面板
②:進入交互設置相關的配置項
③:勾選失焦觸發的操作
④:設置觸發的邏輯
通過這種方式就可以實現當數據輸入完成後,一旦該組件變為非選中狀態,就可以觸發本次設置的邏輯
3、設置按鈕觸發邏輯
表單中的按鈕包括兩種類型的按鈕,一種是自定義的按鈕、一種是系統提供的按鈕,如下圖所示:
兩種按鈕都可以設置觸發邏輯功能:
①:把系統提供的自定義按鈕拉入畫布
②:點擊按鈕組件,進入右側的屬性配置面板
③:進入交互設置--事件設置
④:設置事件觸發模式為觸發邏輯,點擊邏輯配置,這樣就實現了該按鈕對應的邏輯觸發的配置。
4、通過邏輯執行,實現表單整個頁面的數據回填
我們在配置系統的過程中常常會有這種需求,進入某個表單時,系統會自動加載一些基本的數據,那麼這種方式就可以通過同邏輯自動回填表單實現,配置方式如下圖所示:
①:在表單頁面直接選擇表單設置,系統會展示表單設置的選項
②:回顯設置,點擊“回顯設置”,這裏會展開邏輯的設置
5、表單數據變化後的前置、後置邏輯觸發;
我們再配置系統的過程中常常遇到這種需求,我們提交一個表單後,不僅僅是做數據的 增刪改查,那麼還希望再觸發其他的業務功能例如流程等,那麼這種情況下就需要使用到表單的前後置邏輯的觸發,如下圖所示:
①:進入表單的數據設置頁面
②:設置數據變化的前置、後置的邏輯設置
開源框架:https://gitee.com/software-minister/jvs
在線demo:https://frame.bctools.cn