.net視覺化表單設計工具

qianzvtecp發表於2023-01-04

在很多軟體系統中,表單開發都是很重要的一個部分。在表單開發中,往往會遇到重複開發的問題,例如在頁面搭建系統中,除了元件本身的邏輯,配置元件資料的表單通常也需要開發人員重複手動開發。這就導致開發人員不僅要維護元件本身的邏輯,還要維護元件的配置表單,嚴重影響元件的開發和迭代效率。

為了讓開發人員更加專注於元件本身的邏輯處理, LeaRun低程式碼開發平臺透過歸納常規 web元件和業務元件,從而構建出視覺化表單設計工具,以達到程式碼複用,邏輯複用,節省開發時間,經驗積累,節省頁面上線時間等目的。

透過 LeaRun.net視覺化表單設計工具開發出的表單是一個可以完全由前端驅動、後端業務接入的產品,因為表單裡面跟資料儲存查詢是可以相對對立的部分,不管資料跟哪個伺服器進行通訊,都是不需要關心的,標準由前端進行制定。這樣,它就是一個去中心化的產品,是能夠支撐和驅動各種中後臺和業務發展的。也因此可以從業務領域及實際開發中抽象出來。

其開發過程採用元件模組化設計,利用現有的設計資源、元件資源封裝成例如表單輸入元件、表單單選元件等,達到表單邏輯與元件的有機結合,再根據驅動核心返回的表單欄位的型別,輸出表單頁面。表單整體套件雖然是一套標準化的,但也可以靈活拔插適配,比如表單多選框元件可以根據專案需求,對專案整體頁面在前端拔插式配置成個性化的表單元件。

LeaRun.net視覺化表單設計工具具有便捷的可配置能力,使用者透過簡單拖拽和編輯,就能完成更多內容的表單和配置。流程十分簡單便捷。使用者進入 LeaRun.Net主介面後,選擇表單設計功能,點選 [新增 ],使用者即可建立一個新表單。

進入表單基本配置介面填入表單名稱,選擇對應的分類、資料庫和所需的表。使用者可以新增多個資料表,填入對應關係即可。

點選右上方的 [下一步 ]進入表單設計介面。在左側的控制元件區, LeaRun內建了多種元件供使用,直接拖拽左側的元件到中間表單介面即可編輯。中間的設計區支援透過拖拽的方式調整控制元件的順序和巢狀關係。並可以點選控制元件即選中控制元件,實現刪除和複製操作以及其他定製化功能。右側的配置區可以設定表單屬性以及元件屬性,進行表單尺寸、開啟表單方式、選項卡新增設定等操作。

設計好後點選 [儲存 ]即可,或者中途可以點選 [儲存草稿 ],可之後編輯,不需要前端人員做額外的開發工作,直接將頁面的資料儲存在頁面快取中,表單列表介面會顯示其狀態為“草稿”。

自定義表單開發完成後可以直接釋出成選單功能使用  ,使用者進入 [表單釋出 ]介面,點選 [新增 ]  按鈕,即可開啟功能釋出介面。

在基礎設定頁面,可以設定模組的編碼、名稱、要繫結到 個模組下,功能圖示,表單的大小等。

根據嚮導依次完成佈局設定、列表設定、查詢設定、按鈕設定。

點選[完成],使用者即可在左側功能欄內使用該表單  ,進行增刪改查等操作。

LeaRun.net視覺化表單設計工具透過良好的視覺互動功能以及強大的拖拽功能,快速構建應用程式流程,避免了手動輸入程式碼所帶來時間上的浪費,大大縮短了週期、提高了業務流程的效率。並且 LeaRun低程式碼開發平臺 可擴充套件程度高,可以根據應用場景進行定製化開發

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69930002/viewspace-2930765/,如需轉載,請註明出處,否則將追究法律責任。

相關文章