人生短短几個秋,不醉不罷休。html
CMS即將迎來2週歲生日,服務期間生產了*2200+*個內容頁面。(平均每個月孵化100個頁面)前端
CMS的全視角:git
覆蓋範圍(PC、M、APP)github
業務支持(週年慶,旅遊節,營銷,專題,主題遊,頻道頁)佈局
涉及品類(跟團,自助、自駕、門票、當地、酒店、簽證、機票、金融、通訊、攻略、玩法、超級自由行)網站
...spa
下面請跟隨CMS大喇叭,一睹「運營播種機」的前世此生。設計
CMS誕生之初,來源於這些想法:版本控制
創建一個配置靈活、管理高效的網站頁面建立和運營的管理平臺。code
加快網站建立產品聚合頁的速度,依靠主題模板能夠快速生成頻道頁和專題頁。
增長網站產品聚合頁面的主題風格,基於區塊和模塊的自由組裝,更具靈活性。
提高產品運營的效率,運營人員根據運營監測結果能夠快速調整產品露出策略。
第一個孵化頁面~高端遊~。
》》》業務不斷,升級不止《《《
支持過的大促:
8週年-雙11-雙12-旅遊節-9週年-雙11-雙12-旅遊節-...
Release Notes:
04/18/2016:CMS/8.0.5發佈,支持RBZ模塊配置。
04/04/2016:CMS/8.0.4發佈,支持金融標籤。
...
12/21/2015:CMS/6.3.3發佈,支持M&APP主題遊配置。
12/18/2015:CMS/6.3.2發佈,支持超級自由行模塊配置。
12/12/2015:CMS/6.3.1發佈,支持M&APP頻道頁配置。
12/09/2015:雙12。
...
09/29/2015:9週年。
...
08/21/2015:CMS/5.0發佈,支持M&APP首頁配置。
...
07/08/2015:CMS/4.3.2發佈,對接特賣2.0系統。
...
04/15/2015:CMS/2.9.7發佈,支持當地玩樂配置。
...
03/18/2015:CMS/2.9.4發佈,支持遊記模塊配置。
03/11/2015:CMS/2.9.3發佈,價格體系標籤(323大促)。
03/09/2015:CMS/2.9.2發佈,支持預覽。
03/04/2015:CMS/2.9.1發佈,支持渠道適配(360)。
02/09/2015:CMS/2.8.2發佈,支持目的地模塊配置。
02/02/2015:CMS/2.8.1發佈,支持運營模塊配置。
01/26/2015:CMS/2.7.1發佈,支持促銷主題補全(大促)。
...
12/04/2014:CMS/2.5.4發佈,對接招客寶。
11/26/2014:CMS/2.5發佈,支持爆款產品。
11/21/2014:CMS/2.4.3發佈,支持業務打點統計。
11/14/2014:8週年。
11/05/2014:CMS/2.4.1發佈,與PC分類頁集成(小站化)。
10/31/2014:CMS/2.4發佈,支持POI模塊配置。
10/22/2014:CMS/2.3發佈,支持點評模塊配置。
09/16/2014:CMS/2.0發佈,支持頁面級標籤配置。
09/09/2014:CMS/1.9發佈,支持區塊聚合。
09/01/2014:CMS/1.1發佈,支持親子游配置。
08/27/2014:CMS/1.0發佈,支持高端遊配置。
》傳統的研發套路《
某一個團隊,搭一個後臺,服務端,前端,各類開心的用了50人天完成了1.0。
然而,熟悉的故事開始了。相似的後臺如雨後春筍之勢席捲而來,小夥伴們深陷其中,久久不能自拔。
悲情的假設也開始了。(還好很少,就6個後臺)
某一天接口參數要調整,尷尬了。。
某一天交互樣式要調整,尷尬了。。
某一天要支持幾個新品類,尷尬了。。
某一天領導說,請把A後臺的功能移植到B。。。
...
最最尷尬的是,每個後臺,都要有人會維護。巴士係數
請自行百度:軟件危機。
固然這個團隊還能生存,只是不能再開心了。
》咱們的哲學《
先小小的估算下,咱們贏得的時間。
涉及類型(6)*涵蓋品類(10)*50/人天 = 3000/人天
固然,這種估算,有失公平公正的原則,但若是加上軟件後期的維護升級等因素後,產生的綜合成本,差很少就是這個值。
不產輪子,不作Code Monkey。
技術帶動生產:
快:平均每個月孵化100個頁面。
複用:通用模板複用率達60%。
組件:業務模塊12+,支持產品、廣告、點評、BI、POI等。
配置:前端搭樓層,運營配數據,和諧共生。
數讀:頁面2200+、區塊82W+、模塊195W+、模板2K+。
模塊是CMS的靈魂,也是數據之源。
模塊引擎規定每一個模塊類必須具有3個基礎組件:
TPL:模板引擎(數據+樣式)
Model:數據模型(綁定數據)
Parser:解析器(生成數據)
模板是CMS的骨架,CMS的模板分爲兩種:
頁面模板(頁面佈局):
<html> <head>{cmsTkd}</head> <body> {cmsHeader} <div id="page1200"> {{cmsContent}} </div> {cmsExtendCss} {cmsGaTa} </body> </html>
模塊模板(產品推薦模塊):
<!-- proRecomModule prdMblack start --> {{#cmsPrdItems}} <div class="item line_item"> <div class="pic"> <span class="flag_icon"> {{#prdIsNiuRen}} <i class="flag_niuzhuan"></i> {{/prdIsNiuRen}} </span> </div> <div class="price"> <span>¥</span>{{prdSalePrice}}起 </div> <div class="pro_name"> <a href="{{prdLinkUrl}}">{{{prdName}}}</a> </div> </div> {{/cmsPrdItems}} <!-- proRecomModule prdMblack end -->
標籤是模板和數據的橋樑。
CMS標籤語言基於Mustache設計。
頁面標籤:
標籤 | 備註 |
---|---|
{cmsHeader} | 公共頭部導航 |
{cmsTkd} | SEO-TKD |
{cmsTuniuPhone} | 預訂電話 |
{cmsRecommend} | 個性化推薦 |
模塊標籤:
類型 | 標籤 | 備註 |
---|---|---|
產品 | {prdName} | 產品名稱 |
產品 | {prdTuniuPrice} | 產品途牛價 |
產品 | {prdGaTrack} | 產品GA跟蹤 |
產品 | {prdQrcode} | 產品二維碼 |
廣告 | {adMainTitle} | 廣告主標題 |
爆款 | {prdBKDeposit} | 爆款訂金 |
點評 | {remarkContent} | 點評內容 |
遊記 | {tripTitle} | 遊記標題 |
機票 | {flightPrice} | 機票價格 |
自由行 | {playFeature} | 玩法亮點 |
更多頁面,可遨遊途牛官網。
因爲篇幅限制,不能窮盡CMS的方方面面。經過CMS研發,也使團隊更明確一個方向。
用技術帶動生產。
當看到CMS高效運轉時,咱們是開心的。
然而,今年咱們力爭攻克另外一座高地。
用數據驅動運營。
加油,運營研發。