LowCode平臺前端實戰之投放素材中心

Why:為什么要用LowCode

從業界動態來講,根據全球領先的信息技術研究和顧問公司Gartner的最新預測,2021年全球IT支出將達到4萬億美元,到2023年,超過50%的大中型企業將采用LowCode作為其戰略應用平臺之一。那么中國作為亞太地區的經濟大國與IT強國,中國的應用開發市場將會引來一個爆發期,未來幾年內的增速都會超過全球平均水平,LowCode概念被重點提出。目前國內各大廠都有自己的LowCode搭建平臺,如云鳳蝶(阿里)、Blocks(百度)、樂高(美團)等一系列的平臺。

image.png

What:什么是LowCode

LowCode是一種軟件開發方法,可以更快地以最少的手工編碼交付應用程序。

LowCode基礎能力

那么一個好的LowCode平臺需要具備哪些基礎能力呢。

image.png
  • HTML Tree 編輯: 可以方便自由的去改變頁面元素的尺寸、上下移動位置,來更改頁面布局。
  • Component Tree 編輯:指單個組件編輯。在基礎組件列表中選擇合適的組件, 通過拖拉的方式將組件嵌入到頁面中, 生成帶布局和樣式。
  • Custom Development:為什么我們叫LowCode低代碼而不是叫NoCode無代碼。因為還是可以有少量代碼開發。LowCode平臺不僅要有豐富的基礎組件,也需要具備定制化開發的能力,來滿足部分定制化的場景。
  • Data 編輯:專注于可視化的編輯頁面的 Data部分, 如可以自由配置圖片URL、按鈕文本、按鈕跳轉鏈接等。
  • Dynamic Logic 編輯:可靈活添加業務判斷邏輯的能力,如校驗規則,是否必填,填寫最大長度為多少。

LowCode與現有開發模式對比

下面從3個方面來講使用了低代碼平臺之后的變化。

image.png
  • 差異點: 用編程方式來開發應用,變成直接可視化搭建應用。
  • 技能要求:之前生成應用需要會編程基礎的人進行開發,而用LowCode后,無編程基礎的人也可以搭建自己想要的應用。
  • 操作方式:操作方式的轉變,從在開發者工具中編寫代碼,到直接在可視化平臺中拖拉。

How:投放LowCode實戰

投放平臺背景介紹

投放平臺是集素材錄入,素材管理,素材分發為一體的可視化智能平臺。隨著素材多樣性,需要越來越多的素材類型支持,而我們的產研資源都是有限的,怎么才能更快的滿足業務需求。我們需要引入LowCode-低代碼平臺,來優化我們的現有流程。

投放LowCode流程對比

image.png

下面我們來分析下素材新增流程,當業務方有個新素材需求時,先要通過產品來編寫PRD,交互出交互稿或者視覺稿,放入PRD中。評審后進入開發階段,后端進行CMS接口開發以及對接上游接口,前端開發頁面,前后端連調,再測試上線。
但是會有兩個弊端,第一個弊端是新增素材類型,前后端都需定制開發,產研溝通成本很高,開發效率很低 。第二個弊端是目前素材類型已超過60種,在開發過程中,為了滿足各種業務需求,引入了多種字段,缺乏對素材類型的明確區分;而每次接入新素材,前端也需要定制化開發,缺乏組件沉淀。這導致了系統的復雜性增加,維護與迭代難度增加,不利于系統進一步快速發展。

image.png

如果我們用LowCode改造,后面的流程會變成:當產品收到新素材需求時,產品先去LowCode平臺直接配置素材, 如果都是復用以前的素材類型配置,則不需要研發,直接測試,上線。 低代碼平臺成熟后,測試也不需要接入,直接上線發布。實現全鏈路一體化流程。像之前做一個“新增相似商品組”的需求,之前就有類似的組配置,可以無需開發,可直接上線。 如果有需要對接上游接口,后端定制開發介入,但是CMS端不用開發。像接入小程序素材類型,沒有上游對接,后端可無需接入。 如果有LowCode平臺無法支持的需求,前端參與做定制化組件的開發。 對比兩個流程,LowCode的優勢,通過可視化、配置化搭建,產品與研發無需或少量對接溝通,節約產研資源,縮短需求交付周期。

接下來從不同用戶角色的角度來講解下素材新建的全流程。

角色一:產品搭建素材流程

image.png

先新建組類型、錄入類型、錄入限制,如先新建一個商品組名字為通用,再是新建到家業務錄入類型,最后是新建SkuId錄入限制。 接下來就是重點,投放素材配置搭建,主要是兩部分,表單搭建和表格搭建。表單搭建用的是可視化表單Drip-form-generator技術,它可自由拖拽基礎表單和業務表單,并自定義校驗規則,如必填,或最大值判斷。再就是有導入或導出表單配置。加上定制化開發的能力。配置完表單后得到配置數據,配置數據的格式遵循業界通用的Json Schema協議,后端來存儲配置數據。新建素材類型需要配置4份表單,分別為素材組、場次、新增以及編輯素材表單。 可視化列表搭建技術架構也是類似,叫做Drip-table-generator,遵循Json Schema協議,前端收集配置數據,后端存儲。 最后是寫擴展功能,白名單配置,可在投放現有的權限管理中配置。

image.png

角色二:業務方錄入素材場景

image.png

業務方先選擇商品組還是廣告組,白名單用戶會跳到新版素材錄入頁面,在場次上確定錄入限制,也就是確定了素材類型。之后前端將從接口中讀取表單、列表的配置數據,用Drip-form以及Drip-table去解析數據,渲染出4份表單以及1份素材列表,完成素材中心頁面渲染。

Feature:未來愿景

在未來,借助LowCode平臺,每個人都能快速構建和共享低代碼應用。

image.png

Happy coding .. :)

參考材料

原文鏈接

iPaaS京東零售前臺研發標準和賦能方案

業界低代碼平臺匯總

Gartner預測

The User x Use Case Framework for No-Code and Low-Code

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,363評論 6 532
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,497評論 3 416
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,305評論 0 374
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,962評論 1 311
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,727評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,193評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,257評論 3 441
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,411評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,945評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,777評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,978評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,519評論 5 359
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,216評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,642評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,878評論 1 286
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,657評論 3 391
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,960評論 2 373

推薦閱讀更多精彩內容