面對(duì)頻繁多變、需緊急上線、隨時(shí)調(diào)整的運(yùn)營(yíng)頁(yè)面，該如何規(guī)劃好？本文以電商CMS系統(tǒng)為例，總結(jié)零代碼平臺(tái)搭建實(shí)戰(zhàn)，希望對(duì)你有所幫助。

面對(duì)頻繁多變、需緊急上線、隨時(shí)調(diào)整的運(yùn)營(yíng)頁(yè)面，采用傳統(tǒng)開(kāi)發(fā)方式成本過(guò)大、無(wú)法滿足想改就該需求；而零代碼平臺(tái)幾乎可以完美解決上述問(wèn)題，那么該如何規(guī)劃呢，本文將詳細(xì)論述下。

一、系統(tǒng)價(jià)值

1. 什么是電商CMS系統(tǒng)/零代碼平臺(tái)？

一個(gè)運(yùn)營(yíng)同學(xué)可通過(guò)圖形化的用戶界面拖拽&配置組件生產(chǎn)頁(yè)面的系統(tǒng)，可跳過(guò)產(chǎn)品、開(kāi)發(fā)、測(cè)試等流程實(shí)現(xiàn)頁(yè)面的低成本、快速上線。

2. 系統(tǒng)價(jià)值

• 降低人力成本：傳統(tǒng)頁(yè)面開(kāi)發(fā)流程「運(yùn)營(yíng)需求–產(chǎn)品–設(shè)計(jì)–前/后端開(kāi)發(fā)–測(cè)試–代碼發(fā)布部署發(fā)布」，通過(guò)零代碼平臺(tái)開(kāi)發(fā)流程「運(yùn)營(yíng)需求–設(shè)計(jì)–配置頁(yè)面」，不難看出可以節(jié)省大量人力；且公司業(yè)務(wù)大則系統(tǒng)價(jià)值更高（生產(chǎn)單頁(yè)面的邊際成本降低）；
• 顯著降低AB 實(shí)驗(yàn)成本：可根據(jù)AB?實(shí)驗(yàn)數(shù)據(jù)「A?為一頁(yè)面，B?為另一頁(yè)面」，及時(shí)調(diào)整對(duì)應(yīng)方案，提高AB實(shí)驗(yàn)效率；提高運(yùn)營(yíng)響應(yīng)速度
• ?提升突發(fā)熱點(diǎn)事件響應(yīng)能力：需運(yùn)營(yíng)緊急調(diào)整或搭建相關(guān)運(yùn)營(yíng)頁(yè)面，通過(guò)零代碼系統(tǒng)可迅速調(diào)整頁(yè)面并發(fā)布上線，顯然傳統(tǒng)開(kāi)發(fā)流程很可能造成黃花菜涼的局面；
• 降低線上bug風(fēng)險(xiǎn)：因頁(yè)面無(wú)需走開(kāi)發(fā)，理論上不存在線上?bug?風(fēng)險(xiǎn)「前提組件上線經(jīng)充分測(cè)試，無(wú)?bug」。

二、功能框架

篇幅有限，僅列舉系統(tǒng)框架，不做細(xì)致功能點(diǎn)展開(kāi)；

三、系統(tǒng)規(guī)劃關(guān)鍵點(diǎn)

1. 渲染器一定要做好

• 是啥？負(fù)責(zé)將頁(yè)面&組件等配置效果實(shí)時(shí)渲染并展示在瀏覽器的控件。
• 為啥很重要？因搭建頁(yè)面所需組件及配置相對(duì)較為繁瑣，需實(shí)時(shí)渲染展現(xiàn)配置效果，以便根據(jù)效果及時(shí)調(diào)整，渲染器直接影響配置效率。渲染器功能做好，系統(tǒng)就成功一大半了。

2. 業(yè)務(wù)組件設(shè)計(jì)應(yīng)遵循以下幾點(diǎn)

組件顆粒度要小，以保證其高復(fù)用：頁(yè)面搭建可以看作是積木搭建，理論上單個(gè)積木越小搭建出的東西越多，同理組件的顆粒度越小其組合可滿足的實(shí)際業(yè)務(wù)場(chǎng)景理論上也更多。

舉例：橫向商品列表標(biāo)題配置應(yīng)從組件本身剝離出來(lái)，用「橫向商品列表+文本框組件」或「橫向資產(chǎn)列表+圖片組件」配置，這樣配置的好處就是有特殊標(biāo)題字體或特殊樣式可以用圖片組件組合使用滿足；如果標(biāo)題屬于商品列表組件的屬性，這種運(yùn)營(yíng)場(chǎng)景顯然是無(wú)法滿足的。如圖：

考慮數(shù)據(jù)結(jié)構(gòu)的通用性：多數(shù)組件會(huì)隨著時(shí)間或業(yè)務(wù)的發(fā)展變得不再適用「需兼容歷史組件/數(shù)據(jù)」，因此在初期設(shè)計(jì)組件時(shí)應(yīng)充分考慮之后場(chǎng)景，以便開(kāi)發(fā)據(jù)此設(shè)計(jì)合理的數(shù)據(jù)結(jié)構(gòu)，保證組件拓展性；

可適當(dāng)考慮邏輯組件「類似插件」：為了組件解耦&高通用性，可將組件的通用屬性抽象形成邏輯組件；舉例：想讓A組件、B組件、C組件具備定時(shí)展示能力「設(shè)置展示時(shí)間段，非展示時(shí)間段內(nèi)???隱藏組件」，無(wú)需去修改每個(gè)組件屬性，只需新增一個(gè)有定時(shí)能力的邏輯組件，將需要定時(shí)的組件拖入即可「哪些組件可拖入采取配置文件配置方式，一次開(kāi)發(fā)就可賦予所有組件定時(shí)能力」。

組件交互要統(tǒng)一：這說(shuō)的統(tǒng)一不僅僅是系統(tǒng)內(nèi)組件的交互統(tǒng)一，還包括與市面上設(shè)計(jì)軟件的統(tǒng)一，以降低用戶使用門(mén)檻「零代碼平臺(tái)本質(zhì)與常用設(shè)計(jì)軟件并無(wú)本質(zhì)區(qū)別」。

3. 組件埋點(diǎn)一定要重視

數(shù)據(jù)驅(qū)動(dòng)的業(yè)務(wù)才能越做越好，且數(shù)據(jù)有很大部分來(lái)自埋點(diǎn)上報(bào)「路徑分析、漏斗分析等均依賴埋點(diǎn)上報(bào)」，因此組件埋點(diǎn)一定要重視。組件應(yīng)按照公司埋點(diǎn)規(guī)范+組件埋點(diǎn)上報(bào)規(guī)范提出埋點(diǎn)需求并由開(kāi)發(fā)嚴(yán)格上報(bào)。

總結(jié)

綜上只有公司業(yè)務(wù)夠大「運(yùn)營(yíng)頁(yè)面多，且需頻繁調(diào)整，需低成本做AB?實(shí)驗(yàn)」，才適合搭建零代碼平臺(tái)，只有這樣才能發(fā)揮零代碼平臺(tái)的價(jià)值。