簡介

平臺功能主要分為以下幾項：

1、元件（Mcomponent）

2、用於組裝元件的編輯器視覺化介面

檢視佈局

用於組裝元件的編輯器如下圖所示，它主要包含幾個模組：

元件製作

下圖展示了一個元件的指令碼編輯區域

獲取伺服器資料

對於 MPlatfrom來說，CMDB中的物件都是一種資源，每種資源都有不同的元件來進行視覺化展示。

如果想展示一些表格資訊，最簡單的操作就是匯入一個常用查詢的表格，如下圖。

如果想列舉一些人員、伺服器、部門的關係，可能是這樣的。

理念

相比於傳統的開發模式，前端需要搭建開發環境、編寫元件、梳理業務邏輯、聯調後端介面、釋出上線等一系列繁瑣的工作，中間一個環節的出錯，就會引發專案的延期、功能的不穩定等一系列問題。

這時候，MPlatform 應運而生，對原本混沌的 JavaScript 程式碼按照標準模式進行組織和分類。據此來構建出的 Web App，不僅提高了系統的可維護性，並且便於和其他開發者進行溝通，從而形成一個巨大的開發鏈條。藉助其他開發者提供的一批模組，使我們能夠專注於業務邏輯，同時降低程式碼冗餘、開發成本和潛在風險。

基於模組化開發的大體思路。我們在對一堆看似雜亂無章的 DOM 結構進行歸納、總結、提煉，使之成為一個個獨立的元件。數個元件的協同工作，呈現出一個完整的頁面。

生態

在運維領域的前端開發實踐中，MPlatform 已經成為大量業務系統開發的軸心一環。在存在 CMDB 中的資料進行組織和整理，形成最終的使用者可見頁面過程中，不僅推動了運維監控系統整體視覺和互動規範的逐漸完善，也使其在前端技術中得到落實。

當前市面上存在著比較多的前端元件化框架，大多門檻較高。MPlatform 提供更低廉、簡潔的使用方式組裝大量重複存在而互動樣式較為單一的業務系統，實現了自己的模組管理機制。

優勢

1、平臺化的規範了互動方式、頁面及元件樣式。非常適合互動樣式比較固定的業務系統。

2、簡易高效的介面搭建，節省了大量的開發時間和精力。

3、使用了視覺化的編輯模式，所見即所得。極大的降低了前端開發的學習成本和門檻。團隊中其他角色的成員，也能夠輕鬆簡易地上手。