途牛原創|運營神器之高效的CMS

人生短短几個秋,不醉不罷休。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個後臺)

  1. 某一天接口參數要調整,尷尬了。。

  2. 某一天交互樣式要調整,尷尬了。。

  3. 某一天要支持幾個新品類,尷尬了。。

  4. 某一天領導說,請把A後臺的功能移植到B。。。

  5. ...

  6. 最最尷尬的是,每個後臺,都要有人會維護。巴士係數

請自行百度:軟件危機

固然這個團隊還能生存,只是不能再開心了。

》咱們的哲學《

先小小的估算下,咱們贏得的時間。

涉及類型(6)*涵蓋品類(10)*50/人天 = 3000/人天

固然,這種估算,有失公平公正的原則,若是加上軟件後期的維護升級等因素後,產生的綜合成本,差很少就是這個值。

不產輪子,不作Code Monkey。

技術帶動生產:

  • 快:平均每個月孵化100個頁面。

  • 複用:通用模板複用率達60%

  • 組件:業務模塊12+,支持產品、廣告、點評、BI、POI等。

  • 配置:前端搭樓層,運營配數據,和諧共生。

一套設計

數讀:頁面2200+、區塊82W+、模塊195W+、模板2K+。

CMS模塊解析

模塊

模塊是CMS的靈魂,也是數據之源。

模塊引擎規定每一個模塊類必須具有3個基礎組件:

  • TPL:模板引擎(數據+樣式)

  • Model:數據模型(綁定數據)

  • Parser:解析器(生成數據)

CMS模塊解析

模板

模板是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高效運轉時,咱們是開心的。

然而,今年咱們力爭攻克另外一座高地

用數據驅動運營。

加油,運營研發。

相關文章
相關標籤/搜索