摘要:剛開始接觸這種概念的時候,是源于我們項目組的一個簡單的需求。查詢所調用的接口也暴露出配置項,然后查詢返回的結果,通過一個去存儲字段的值。目前我們項目里采用的組件都是自己手寫的。模板間的通訊未完思考中。。。我們做出來的成果
剛開始接觸Low code/0 code這種概念的時候,是源于我們項目組的一個簡單的需求。這個需求就是怎樣動態化去做一個表單,以及表單查詢頁面。
思考階段于是開始了簡單的思考,對于通常中后端的管理平臺,前端要處理的業務邏輯大概分為查詢數據進行列表展示,詳情頁面展示,內容字段編輯等方面。
就拿列表展示頁面來說,我們可以把查詢條件抽象出來,通過一個數組去配置,表單的元素也通過選擇類型配置出來(如Input,select,dataPicker等),然后定義其特有的屬性值。查詢所調用的接口也暴露出配置項,然后查詢返回的結果,通過一個arr去存儲字段的key值。
由此類推,詳情展示頁面和內容編輯頁也暴露出api層和字段層去配置。
接下來我們需要結合一個UI組件庫,或者有時間的話,手寫一個組件庫也可以,自己手寫的話,可改性會更高一些。目前我們項目里采用的UI組件都是自己手寫的。
然后是幾種模板的開發,目前模板包括 :查詢列表頁模板 、新增頁模板、編輯頁模板、詳情頁模板 四種模板。
開發完模板,接下來就是交互方式了,比如我要在一個查詢結果,點擊配置編輯按鈕,優雅的在當前頁面去加載配置的編輯頁面,而不是跳轉到另外一個頁面去做(這樣比較low),其實我們的做法是做一層路由模板,路由模板控制著數據的流動。在列表頁模板里設置按鈕的交互方式,路由模板根據這個交互方式,去打開一個modal,里邊引入跳轉目標頁模板。
有了這個初步的模板工具后,我們還是覺得不太滿足。因而我們要求有一個diy布局模板,
每個diy里的模塊,可以引入其他的模板,有時候會感覺這樣有點太亂,模板之間的通訊還沒想好,我們也在不斷的嘗試,希望有小伙伴可以一起加入
擴大模板庫
配置文件的本地化,目前配置文件是在數據庫存的,在本地化會更快一些。
模板間的通訊
未完思考中。。。
我們做出來的成果
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/105277.html
摘要:什么是數據結構數據的組織結構方式一組數據如何存儲,基本數據類型,,的封裝算法與數據結構的區別數據結構只是靜態的描述了數據元素之間的關系。高效的程序需要在數據結構的基礎上設計和選擇算法。 數據結構和算法基礎 什么是數據結構和算法:兵法,計算的方法。算法是獨立存在的一種解決問題的方法和思想。 算法的特征: 輸入:算法具有0個或多個輸入 輸出:算法至少有1個或多個輸出 有窮性:算法在有限的...
摘要:廖雪峰的教程學習筆記標準對象使用判斷值的類型,可以看到是類型,是類型,就是類型,另外還有一個這種基礎類型。小明只輸出和,并且改變了反序列化,即從字符串中還原出一個對象,使用方法就是小明小明這個感覺蠻簡單的。 廖雪峰的JavaScript教程學習筆記 1. 標準對象 使用typeof判斷值的類型,可以看到NaN是number類型,null是obejct類型,undefined 就是un...
摘要:為檢查長度為的列表,二分查找需要執行次操作。最后需要指出的一點是高水平的讀者可研究一下二叉樹關于二叉樹,戳這里數據結構與算法二叉樹算法常見練習在一個二維數組中,每一行都按照從左到右遞增的順序排序,每一列都按照從上到下遞增的順序排序。 常見數據結構 簡單數據結構(必須理解和掌握) 有序數據結構:棧、隊列、鏈表。有序數據結構省空間(儲存空間小) 無序數據結構:集合、字典、散列表,無序...
摘要:為檢查長度為的列表,二分查找需要執行次操作。最后需要指出的一點是高水平的讀者可研究一下二叉樹關于二叉樹,戳這里數據結構與算法二叉樹算法常見練習在一個二維數組中,每一行都按照從左到右遞增的順序排序,每一列都按照從上到下遞增的順序排序。 常見數據結構 簡單數據結構(必須理解和掌握) 有序數據結構:棧、隊列、鏈表。有序數據結構省空間(儲存空間小) 無序數據結構:集合、字典、散列表,無序...
閱讀 2058·2021-11-11 16:54
閱讀 1039·2021-10-12 10:12
閱讀 377·2019-08-30 15:43
閱讀 646·2019-08-29 13:15
閱讀 1075·2019-08-29 13:12
閱讀 1524·2019-08-26 12:09
閱讀 1655·2019-08-26 10:24
閱讀 2250·2019-08-26 10:15