最近這段時間辩恼，公司老板一拍大腿想做一個微信小程序第三方平臺雇庙，說白了就是一個商城模板化，然后可以演變?yōu)辄c餐运挫、預(yù)約状共、新零售之類的。
老板參考了幾個平臺谁帕，覺得別人的那個自定義首頁模板挺好用的峡继，非要讓我也實現(xiàn)一個，其實這玩意倒挺簡單的匈挖，就是有點費神碾牌，完全體力勞動康愤。最后做成了如下效果：
想體驗的可以去 微Ker小程序官網(wǎng)上體驗下，今天主要是想分享下開發(fā)這個diy模板的經(jīng)驗舶吗。
所謂diy模板就是用戶可以在后臺任意的編輯頁面上的元素征冷，比如可以手動的添加輪播圖、商品誓琼、優(yōu)惠券等检激，還可以借助一些輔助組件來實現(xiàn)界面美化，那么開發(fā)這么個功能需要這幾點：
- diy組件
- 頁面編輯器
- 組件數(shù)據(jù)編輯器
1. diy組件
就是我們可以讓用戶使用的組件腹侣，比如圖片組件叔收、商品組件、輪播圖組件等傲隶，我們要實現(xiàn)兩套組件方案饺律，一套供頁面編輯器使用，一套供小程序使用跺株，當(dāng)然你可以用一些前端框架來實現(xiàn)一套組件多處引用复濒。
2. 頁面編輯器
就是中間可以讓用戶調(diào)整組件的區(qū)域，用戶可以把組件拖動到編輯區(qū)域乒省，可以調(diào)整組件的上下位置巧颈，拖動可以用相關(guān)的插件來實現(xiàn)。
3. 組件數(shù)據(jù)編輯器
這也算是個核心了作儿，因為最終呈現(xiàn)的就是這些數(shù)據(jù)洛二，比如可以設(shè)置組件的樣式馋劈，間距攻锰、顏色、展示數(shù)據(jù)等妓雾。
最終我們會生產(chǎn)一個json數(shù)據(jù)娶吞，這些數(shù)據(jù)是有一個個組件元素組成，每個組件元素都填充有數(shù)據(jù)械姻，只需要把這個json存儲到數(shù)據(jù)即可妒蛇，當(dāng)然為了安全期間，后臺也需要做一些驗證楷拳。
這里只是提供了一個基本思路绣夺，希望對你有幫助。
順便打一波小廣告欢揖，有想做小程序商城的可以試試這個網(wǎng)站微Ker小程序
