動態配置規則
動態配置分為3步：從組件到位置和內容，再到動態頁面
按照下圖, 反向流程走，就能解析出對應的自定義頁面內容。
頁面動態配置.png
頁面整體設計
淘寶的“千人千面”，這種方式對CMS系統提出更高的技術要求。根據數據挖掘分析用戶的特征, 動態調整CMS策略.
動態頁面設置的主要是首頁、自定義活動頁面, 根據渠道來源不同, 又有不同的策略
- 裝修模板可以減少在新建活動時從0到1逐步配置的巨大工作量。直接套用模板中的內容，進行替換、新增部分內容，可以快速新建活動。
- 可以提供自定義頁面的復制功能，從已有的自定義頁面中復制出新頁面
基礎組件
組件相當于一個有固定形態的容器，往里添加詳細的圖片、文本、商品、優惠券等內容
- 類型: 圖片輪播、商品推薦、商品分類、寶貝排行、圖標（ICON）這幾種形式，另外還有富文本、客服、優惠券、滿減活動、滿贈活動、自定義區域、商品搜索、文字、公告、倒計時、Tab組件（頂部、底部）等
- 樣式: 選擇展示的內容或者自定義, 需要獨立設計
- 點擊組件跳轉的位置
圖片
- 類型: 單圖, 雙圖, 輪播圖, 多圖, 9宮圖
- 點擊圖片后跳轉的地址: 自定義鏈接, 購物車頁, 商品列表頁等等...
商品列表
- 類型: 單列商品、雙列商品、多商品等
公告欄
商品排行榜
- 類型: 全品類銷售榜單、類目商品榜單、收藏量榜單
- 使用方式: 選擇類型以及布局方式
導航欄
- 類型: 中間導航欄，頂部或底部導航欄
自定義模塊(內嵌HTML代碼)
位置+內容
動態頁面
定義一些關于整個頁面的基礎信息，包括活動頁面名稱、活動起止時間、所屬活動分組等內容，甚至是活動宣傳圖，分享圖片、活動描述等內容。設置之后給活動進行編號，生成相應的鏈接進行預覽。
動態頁面是由不同的組件內容構成，首先按照各組件位置去解析，然后再去解析組件的內容（樣式、圖片或商品、背景、鏈接等）
技術設計
五張表(頁表，關聯表，模板表，模板數據表，數據池表) 包含頁面配置
| 原表 | 目標表 |
|---|---|
| 頁表 | 關聯表 |
| 關聯表 | 模板表 |
| 關聯表 | 模板數據表 |
| 模板數據表 | 數據池表 |
- 一個頁面(裝修模板) 可以關聯多個模板，每個模板里面包含一個模板數據，而一個模板數據 里面的具體數據是通過 String-Json 進行保存，不同的 模板 對應的 Json結構和數據是不相同的（如果商品超過20個，使用擴展的數據池表）
- 每個模板(組件) 的前端具體展示，由前端制作對應 h5代碼 保存，返回數據 h5代碼 由前端進行渲染
- 每個模板數據 里面保存的結構可以是 商品，圖片，文案 等等，前端寫死 模板 解析方案，進行渲染（這里需要二次調用，因為能直接拿到sku）
- 每個數據池 里面保存的是具體商品信息，為了緩解模板數據json字段過大，而做的擴展（這就需要二次調用，查到具體的sku并且獲取詳細信息）
界面配置需要大量的點擊查看，選擇，需求方案是 提供 export/import excel 批量導入方案
- 管理端
- 支持發布功能(一旦發布后，只能更新后發布，不能刪除和下架)
- 支持克隆功能，配置一個面板很費時，大多數面板只是商品類型不同，整體框架很少變
- 前端
- 根據不同的 面板類型，獲取頁面數據(內嵌有skuIds/圖片地址)及面板模型，渲染面板模型的同時，獲取具體的內嵌sku
- 根據傳入的skuId/圖片地址 獲取詳細的信息，批量渲染商品對應值
