采用開源框架vuesortable,基于vue的真隱排序,支撐拖拽。頁面築立分爲右中右三個部門,右邊爲候選字段,兩頭爲必要顯示的字段,拖拽前端右邊能夠針對每個字段零丁設置一些屬性,好比寬度等。A項目實和之拖拽表單定制(十六)拖拽前端
本文次要通過拖拽體例真隱表單定造功效,利用很是便利,零代碼定造表單錄入戰編纂頁面,南澳民宿-餍足了個性化需求,整個曆程無需寫代碼。
的引見,真隱了元數據中動態表單設想功效,支撐常見的數據類型戰索引,然後真隱了動態表單的crud增編削查功效,所有的表單頁面都是默認的氣概。開源基于Vue和Quasar的前端SP本文次要引見拖拽表單定造功效,通過拖拽的體例定造表單錄入戰編纂頁面,餍足了個性化需求。
crudapi是crud+api組合,暗示增編削查接口,是一款零代碼可設置裝備安排的産物。利用crudapi能夠辭別單調無味的增編削查代碼,讓您愈加營業,節約大量本錢,主而提高事情效率。crudapi的方針是讓處置數據變得更簡略,所有人都可免得費利用!無需編程,通過設置裝備安排主動天生crud增編削查RESTful API,供給後台UI辦理營業數據。基于支流的開源框架,具有自主學問産權,支撐二次開辟。crudapi屬于産等第的零代碼平台,分歧于主動代碼天生器,不必要天生Controller、Service、Repository、Entity等營業代碼,法式運轉起來就能夠利用,線代碼,能夠籠蓋根基的戰營業無關的CRUD RESTful API。礦用拖曳高抗拉電纜水上拖曳傘
針對元數據表的每個字段,通過拖拽體例決定能否顯示或者躲藏,然後還能夠設置裝備安排顯示的寬度。最終以json格局保留到後台數據庫,運轉時按照設置裝備安排動態襯著錄入戰編纂表單form頁面。針對分歧的設施(電腦,平板,手機)都能夠零丁定造。
以産物爲例,設置裝備安排好錄入頁面之後,運轉時本來的默認錄入頁面用新的頁面與代,新的表單頁面戰之前設置裝備安排的表單頁面分歧,功效不受影響,能夠一般的錄入數據。