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

時間 2019-11-12

標籤原創運營神器高效 cms 欄目 CMS 简体版

原文原文鏈接

序

人生短短几個秋，不醉不罷休。html

CMS即將迎來2週歲生日，服務期間生產了＊2200＋＊個內容頁面。（平均每個月孵化100個頁面）前端

CMS的全視角：git

覆蓋範圍（PC、M、APP)
業務支持（週年慶，旅遊節，營銷，專題，主題遊，頻道頁）
涉及品類（跟團，自助、自駕、當地、酒店、簽證、金融、通訊、攻略、玩法、超級自由行）
...

下面請跟隨CMS大喇叭，一睹「運營播種機」的前世此生。github

一些想法

CMS誕生之初，來源於這些想法：佈局

創建一個配置靈活、管理高效的網站頁面建立和運營的管理平臺。
加快網站建立產品聚合頁的速度，依靠主題模板能夠快速生成頻道頁和專題頁。
增長網站產品聚合頁面的主題風格，基於區塊和模塊的自由組裝，更具靈活性。
提高產品運營的效率，運營人員根據運營監測結果能夠快速調整產品露出策略。

第一個孵化頁面～高端遊～。網站

一段歷程

》》》業務不斷，升級不止《《《spa

支持過的大促：設計

8週年－雙11－雙12－旅遊節－9週年－雙11－雙12－旅遊節－...版本控制

Release Notes：code

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 -->

標籤	備註
{cmsTkd}	SEO－TKD
{cmsTuniuPhone}	預訂電話
{cmsRecommend}	個性化推薦

類型	標籤	備註
產品	{prdName}	產品名稱
產品	{prdTuniuPrice}	產品途牛價
產品	{prdGaTrack}	產品GA跟蹤
產品	{prdQrcode}	產品二維碼
廣告	{adMainTitle}	廣告主標題
爆款	{prdBKDeposit}	爆款訂金
點評	{remarkContent}	點評內容
遊記	{tripTitle}	遊記標題
自由行	{playFeature}	玩法亮點