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