我司經營一個賽事推薦和資訊的APP,這是一個以賽事爲中心的社區產品。平常運營工做,高度依賴運營人員配置內容以維持用戶活躍度,每到熱門賽事出現,配置的工做量變得很大。運維人員向開發人員提出以下需求:前端
1 部分頁面必須是模塊化的,能夠隨時隱藏和顯示,顯示的位置能夠隨意調整。app
2 能夠針對不一樣的版本和手機平臺進行配置。運維
爲了知足配置的需求,咱們採用了模版模塊的思路解決這個問題。模塊化
APP首頁效果圖以及模版模型以下圖所示:字體
模版(template):對應app的一個頁面,裏面包含多個模塊設計
模塊(module):對應app的一個欄目,模塊能夠有子模塊,裏面包含配置項3d
配置項(config):基本的配置,包含圖片,文字,字體顏色,跳轉位置等等blog
渠道(channel):包含渠道號,客戶端類型,客戶端版本,每一個模版對應多個渠道圖片
表設計以下:開發
用於前端的查詢類設計以下圖:
管理後臺的操做界面以下:
隨着APP的不斷髮版,模板模塊的數量急劇膨脹,運營人員要維護多個模板和模塊,很是辛苦。在此基礎上開發了模板複製和模塊複製功能,以下圖所示: